/* Theme name: Suerte Premium Theme URI: http://yithemes.com/themes/wordpress/suerte-corporate-portfolio-wp-theme/ Description: The start base for easy theme wordpress development. Version: 2.0.5 Author: Your Inspiration Themes Author URI: http://yithemes.com/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, white, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, stretched, boxed, corporate, creative, portfolio, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, responsive */ /* === TYPOGRAPHY */ p, li, address, dd, blockquote, td, th { font-size:12px; line-height:1.81em } body, p, li, address, dd, blockquote { color:#545252; } h1, h2, h3, h4, h5, h6, p, dl, ul, ol { margin:0.8em 0 0.3em; } a, a:hover { text-decoration:none; } a, .sidebar a { color: #A16404 } a:hover, .sidebar a:hover { color: #000000 } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #b7b6b6 } #content ul { margin-left:40px; list-style:square } #content ol { margin-left:40px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { /*padding: 0 10px*/ } i, em { font-style:italic; } strong { font-weight:bold; } blockquote { background:url('images/cite.png') no-repeat 0px 5px; padding:5px 35px; } dt { font-weight:bold; } .line { border-top:1px solid #cacaca; } .space { height:30px } body .last, body .-last { margin-right:0 !important; border-right:0; } body .last-row { margin-bottom:0; } .border-line { height:1px; background:#ddd; width:100%; clear:both; margin:1.2em 0; } /* === MAIN WIDTH */ .wrapper { padding: 0; min-width:1000px } .boxed-layout .wrapper { width:1000px; margin:0 auto; } .inner { width:960px; position:relative; margin:0 auto; padding: 0 20px; /* main width */ } .responsive .inner { max-width:960px; width:auto; } body.responsive.isMobile .wrapper { overflow:hidden; } /* ====================== START MAIN STRUCTURE ====================== */ html { min-height:100% } body { font-family: 'Droid Sans', arial, serif; min-width:990px; font-size:62.5%; background:#f7f7f7; } p, li, address, label, td, th, .sidebar li a, #product-specials div, #content { color:#535252; font-size:12px; } p, dl { margin:6px 0 12px } a:hover, #recentcomments a:hover, .sidebar .tweets- a:hover { text-decoration:underline } /*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#397493 } */ h1, h2, h3, h4, h5, h6 { color:#6E6D6D; padding:0; margin:0.8em 0 0.5em; line-height:1em; } h1 { font-size:32px } h2 { font-size:28px } h3 { font-size:24px } h4 { font-size:20px } h5 { font-size:16px } h6 { font-size:12px } ul, ol { margin-left:40px; margin-bottom:20px } i, em { font-style:italic } strong, th { font-weight:bold; } img.icon { float:left; margin:0 15px 10px 0 !important; border:0 !important; padding:0 !important } .border { height:1px; background-color:#cfcdcd; } .border-header { height:0px; background:#fff; border-bottom:1px solid #cfcdcd; } a:hover { text-decoration:none; } dt { font-weight:bold; } h1.red-normal, h2.red-normal, h3.red-normal, h4.red-normal, h5.red-normal, h6.red-normal { color:#b91003; text-transform:none; } .inner { width:960px; margin:0 auto; position:relative; } /* === LAYOUTS */ .layout-sidebar-left .sidebar, .layout-sidebar-right #content { float:left; } .layout-sidebar-right .sidebar, .layout-sidebar-left #content { float:right; } .layout-sidebar-no #content { float:left; width:100%; } .layout-sidebar-left #content { margin-right: 0; } .layout-sidebar-right #content { margin-left: 0; } .inner #content{ margin: 0px; } .layout-sidebar-right .sidebar { margin-right:0; } .wrapper {z-index: 500;} /* ====================== END MAIN STRUCTURE ====================== */ /* ====================== TYPOGRAPHY & COLORS ====================== */ #footer h3, .medium_section_left h1, .medium_section_left h2, .medium_section_left h3, .medium_section_left h4, .medium_section_left h5, .medium_section_right h1, .medium_section_right h2, .medium_section_right h3, .medium_section_right h4, .medium_section_right h5 { color:#ffffff; } #header .inner #logo a.logo-text { font-size:33px; } body { background-color:#fff; } .wrapper-content { width:640px; } .es-carousel ul li a img { width:65px;height:65px; } #portfolio li img, #portfolio li .thumb, { width:298px;height:143px; } .portfolio-slider li a img, .portfolio-slider li a, .portfolio-slider li { width:205px;height:118px; } #portfolio-bigimage img { width:617px;height:295px; } .gallery-wrap li img, .gallery-wrap .internal_page_item { width:208px;height:168px; }#topbar, #topbar p, #topbar a, #topbar ul li a { font-family: 'Droid Sans', sans-serif; } #nav ul li a { font-family: 'Signika', sans-serif; } p, #footer .recent-posts p.meta .comments a, #footer .popular-posts p.meta .comments a { font-family: 'Droid Sans', sans-serif; } h1 { font-family: 'Amaranth', sans-serif; } h2 { font-family: 'Amaranth', sans-serif; } h3 { font-family: 'Amaranth', sans-serif; } h4 { font-family: 'Amaranth', sans-serif; } h5 { font-family: 'Amaranth', sans-serif; } h6 { font-family: 'Amaranth', sans-serif; } #slogan h2 { font-family: 'Amaranth', sans-serif; } #slogan h4 { font-family: 'Amaranth', sans-serif; } .sidebar . h2, .sidebar . h3, #footer . h2, #footer . h3 { font-family: 'Amaranth', sans-serif; } .testimonial .testimonial-name .name { font-family: 'Shadows Into Light', cursive; } .special-font { font-family: 'Shadows Into Light', cursive !important; } p.meta span { font-family: 'Droid Sans', sans-serif !important; } #header .inner #logo h1 a.logo-text { font-family: Arial, Helvetica, sans-serif; } #header .inner #logo h1 a.logo-text span { font-family: Arial, Helvetica, sans-serif; } #header .inner #logo p { font-family: Arial, Helvetica, sans-serif; } /* ====================== END TYPOGRAPHY & COLORS ====================== */ /* ====================== START 404 ====================== */ .error-404-text, .error-404-text p { text-align: center; } .error-404-text h2 { margin: 0; padding: 0; } .error-404-text h3 { font-size: 15px; font-weight: normal; margin: 0; padding: 0; } .error-404-image { display: block; margin: 0 auto; } /* ====================== END 404 ====================== */ /* ====================== START TOPBAR ====================== */ body.topbar-fixed { margin-top:39px; } .topbar-fixed #topbar { position:fixed; top:0; width:100%; z-index:10000; } .topbar-fixed.admin-bar #topbar { top:28px; } .topbar-none #topbar { display:none; } #topbar { background:#454545; height:39px; width:100%; color:#a0a0a0; z-index:29999; } #topbar ul{list-style:none; } #topbar ul li{line-height:39; height:39; margin:0; background:url(images/topbar_li.png) no-repeat right center;padding:0 7px;display:inline;} #topbar ul li div.link_login{background:url(images/topbar_li.png) no-repeat right center;padding-right:7px;} #topbar ul li.fast-info{position:relative; } #topbar ul li.right{float:right; } #topbar ul li.margin{margin:0 0 0 40px; } #topbar ul li.icon{padding-left:25px; } #topbar ul li.plus{background:url('images/icons/plus.png') no-repeat 9px center; padding-right:0px;} #topbar ul li.plus:hover{background-image:url('images/icons/less.png') } #topbar ul li.plus:hover div.link_login{background:none;} #topbar ul li.plus:hover a{color:#a0a0a0!important;} #topbar ul li.email{background:none;} #topbar ul li,#topbar ul li a{font-size:12px;font-weight:normal;line-height:39px;display:inline-block;color:#a0a0a0} #topbar ul li a:hover{color:#f7f7f7; } #topbar_inner{position:relative;float:left;display:block;width:100%;height:39px;padding-right:60px;} #topbar_inner img#ribbon{position:absolute;right:-5px;top:0;z-index:1111;} #topbar_inner ul.topbar_links{display:inline;margin:0;} #topbar_inner .topbar_text{height:39px;line-height:39px;color:#a0a0a0; font-size:12px;display:inline;} #topbar_inner ul{margin-left:0;display:inline;} #topbar_inner ul li{} #topbar_inner ul li a{font-size:12px; font-weight:normal; line-height:39px;} #topbar_inner .topbar_text { margin-left:5px; } #topbar_inner .topbar_text p { display:inline; } /* ====================== END TOPBAR ====================== */ /* ====================== START FAST INFO BOX ====================== */ #topbar .fast-info .access-info-box { width:350px; position:absolute; right:0; top:30px; display:none; text-align:left; z-index:999; padding:10px 0 0; text-transform:none; text-shadow:0 1px 1px #dcdbdb; } #topbar .fast-info .access-info-box, #topbar ul li.fast-info:hover { background-color:#f1efef; } #topbar .fast-info .access-info-box hr { border-top:1px solid #8c8a8a; border-bottom:1px solid #c2c2c2; width:auto; margin:6px 0 10px; } #topbar .fast-info .access-info-box p, #topbar .fast-info .access-info-box td, #topbar .fast-info .access-info-box th, #topbar .fast-info .access-info-box label, #topbar .fast-info .access-info-box .message-cart, #topbar li.fast-info:hover { color:#3b3939; } #topbar .fast-info .access-info-box .small-cart-links { height:16px; padding:7px 10px; } #topbar .fast-info .small-cart-links, #topbar .fast-info .input-text { background-color:#dfdcdc; } /*shadows*/ #topbar .fast-info .access-info-box, #topbar ul li.fast-info:hover { -moz-box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); -webkit-box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); box-shadow:1px 5px 7px rgba(0, 0, 0, 0.14); } /* ====================== END FAST INFO BOX ====================== */ /* ====================== START FAST LOGIN BOX ====================== */ #fast-login { left:0; width:220px !important; } #fast-login .wrap, #fast-login .form { padding:0 10px; } #fast-login .form .input-text, #fast-login .form .input-submit { border:0; padding:5px; } #fast-login .form .input-text { width:190px; } #fast-login .form .input-submit { background:#c9c9c9 url('images/bg/gradient-login-submit.png') repeat-x top left; border:1px solid #aeaeae; color:#5f5b5b; text-transform:uppercase; font-size:90%; cursor:pointer; } #fast-login .form .input-submit:hover { background-position:0 -28px; } #fast-login .form p.align-right { text-align:right; } #fast-login .small-cart-links a.lostpassword, #fast-login .small-cart-links label.rememberme { font-size:11px; line-height:16px; } #fast-login .small-cart-links label.rememberme { float:left; color:#3b3939; display:block; } #fast-login .small-cart-links label.rememberme input { vertical-align:middle; margin:0 2px 0 0; } #fast-login .small-cart-links a.lostpassword { float:right; color:#7d0f06; text-transform:none; } /* ====================== END FAST LOGIN BOX ====================== */ /* ====================== START HEADER ====================== */ #header { position:relative; background:#fff !important; width:100%; } #header .inner { position:static; } #logo, #logo a { display: block; float: left; height:80px; z-index:0; width: 228px; } /* ====================== END HEADER ====================== */ /* ====================== START PAGE META ====================== */ #tagline { clear: both; text-align: center; padding-bottom: 22px; background: url('images/myimages/slogan-shadow.png') bottom center no-repeat; margin: 30px 0 0; } .home #tagline { padding-bottom:0; background: none; } #cbox_title { background:#FFFFFF; } #cpage_title_box { width:100%; height:auto!important; height:100px; background:#000000; color:#FFFFFF; float:left; } #cpage_title_box .inner { background:url('images/myimages/arrow-maintitle.png') 50px bottom no-repeat; padding-bottom:12px; } #cpage_title_box .page-title { color:#FFFFFF; margin-bottom: 5px; margin-top:20px; } #slogan { border-bottom: 1px solid #D5D4D4; border-top: 1px solid #D5D4D4; padding: 20px 0; } #slogan h2 { margin:0; color: #000; } #slogan h4 { margin-top:0.5em; margin-bottom:0; color: #6E6D6D; } #crumbs{margin-top:10px;color: #ddd;} #crumbs a {color: #ddd;} #crumbs a:hover, #crumbs a.current {color:#fff;} /* ====================== END PAGE META ====================== */ /* ====================== START NAVIGATION ====================== */ #nav {float:right;} #nav ul {list-style:none;} #nav > ul > li, #nav .menu > ul > li { float: left; position:relative;} #nav > ul > li:hover, #nav .menu > ul > li:hover {background-color:#464646;} #nav > ul > li:hover > a, #nav .menu > ul > li:hover > a {color:#eeeeee} #nav .sub-menu, #nav .children { margin-left:0;display: none; position: absolute; top: 71px;background:#464646; padding:12px 0 20px; min-width:240px;z-index:1000;left:0px; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin-top:10px;} #nav .sub-menu li, #nav .children li {display:inline; float:none; border-left:0; border-top:0; border-bottom:1px solid #535353; margin:0 15px; padding:0; position:relative; display:block; text-align:left;} #nav .sub-menu li a, #nav .children li a {color:#EEEEEE; display:block;padding:0 10px;margin: 5px 0;font-size:12px;line-height: 25px;min-height: 25px;} #nav .sub-menu li a:hover, #nav .children li a:hover{ background-color:#515050;} #nav .sub-menu .sub-menu, #nav .children .children {left:211px;top:-26px;-webkit-border-radius: 5px;-webkit-border-top-left-radius: 0;-moz-border-radius: 5px;-moz-border-radius-topleft: 0;border-radius: 5px;border-top-left-radius: 0;} #nav > ul, #nav .menu > ul {background:none; border-left:1px solid #c9c8c8; padding:0;margin:0;min-height:81px;} #nav > ul > li, #nav .menu > ul > li { border-right:1px solid #c9c8c8; min-height: 81px;} #nav > ul > li > a, #nav .menu > ul > li > a { display:block;background-image:none; padding: 0 20px; line-height: 81px;color:#464646;font-size:13px;text-decoration:none;text-transform:uppercase; position: relative} body.no_js #nav ul > li:hover > .sub-menu {display: block;} #nav .sub-menu .attachment-megamenu-thumb {display: none;} #nav .megamenu .sub-menu {background:none;width: 960px;margin:0 auto;left:50% !important;margin-left:-690px;top:81px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;} #nav .megamenu .sub-menu li {float: left;width:22.5%;margin-right:2.5%;margin-left:0;border-bottom:0;border-left:1px solid #5e5c5d;} #nav .megamenu .sub-menu li a { padding-left: 19px;} #nav .megamenu .sub-menu li a p { color: #EEEEEE !important; font-family:'Signika',sans-serif; } #nav .megamenu .sub-menu li:first-child, #nav .megamenu .sub-menu .sub-menu li {border-left:0;} #nav .megamenu .sub-menu li:first-child .sub-menu {border-left:0;margin-left:0px;} #nav .megamenu .sub-menu li a:hover {background:none;} #nav .megamenu .sub-menu li a img {background-color:#3a3a3a; border:1px solid #555452; display:block; margin:10px auto 5px !important; padding:3px; width:192px; height:65px;} #nav .megamenu .sub-menu li:last-child{margin-right:0;} #nav .megamenu .sub-menu .sub-menu { position:relative;top: 0px;display: block; width:auto; left:0;margin-left:-1px;border-left:1px solid #5e5c5d; } #nav .megamenu .sub-menu .sub-menu li { margin-left: 0;float: none; width: 100%;} #nav .megamenu .sub-menu .sub-menu li a {min-height: 0; line-height: 18px;} #nav .megamenu .sub-menu .sub-menu li a:before{content:'> '} #megamenu-wrapper{width:100%;height:256px;background-color:#464646;position:absolute;top:81px;left:0;z-index: 900;} /** * #nav { float:right; overflow:visible; } * #nav ul { list-style:none; float:right; background:#E8E7E7 url(images/myimages/nav-bg.gif) no-repeat left center; padding-left:36px; margin-bottom:0px !important; margin-left:0px !important; margin-top: 0; } * #nav > ul > li {position: relative;} * #nav ul.previous { background:url(images/myimages/nav-bg-left.png) no-repeat left center; } * #nav ul li { clear:none; display:inline; float:left; margin:0; padding:0;} * #nav ul li.normal { position:relative; } * #nav ul > li > a { float:left; color:#464646; display:block; font-size:13px; height:81px; line-height:86px; margin:0; padding:3px 45px 4px 10px; text-decoration:none; text-transform:uppercase; } * #nav ul li > a:hover, #nav ul li.hover a { background-color:#464646; color:#D6D4D4; } * #nav ul li:hover { color:#D6D4D4; } * #nav ul li ul { display:block; opacity:1; width:290px; z-index:1000; } * #nav ul li ul a { background:none; color:#464646; display:block; font-size:17px; height:auto!important; line-height:auto!important; margin:0; padding:0px!important; text-decoration:none; text-transform:none; } * #nav ul li ul a:hover, #nav ul li.hover ul a { background:none; } * .sub-menu { display:none; width:100% !important; background:#464646; background:rgba(60,60,60,0.98); margin:0; padding:0 0 20px; position:absolute; border:1px solid #282828; border-top:0; right:0; top:88px; float:right; z-index:10000; } * .normal .sub-menu {background-color: transparent; } * #nav .sub-menu { width:960px; background:none; float:none; display:block; height:100%; margin:0 auto !important; padding:20px 0 30px !important; } * #nav .sub-menu li { display:inline; float:left; height:auto; margin:0 0 0 40px; overflow:hidden; width:200px; margin:0 20px 0 0; padding-left:20px; border-left:1px solid #5e5c5d; } * #nav .sub-menu li.first-column { padding-left:0; border-left:0; } * #nav .sub-menu li a img { background-color:#3a3a3a; border:1px solid #555452; display:block; margin:10px auto 5px !important; padding:3px; width:192px; height:65px; } * #nav .sub-menu li a { background:none repeat scroll 0 0 transparent; clear:both; font-family:Tahoma, Arial; color:#EEEEEE; display:block; float:none !important; font-size:12px; font-weight:bold; height:auto !important; line-height:1.2em; margin:0; padding:6px 0 !important; width:auto !important; } * #nav .sub-menu .sub-menu { border:medium none; height:auto; left:0; margin:0 0 10px; padding:0!important; position:relative; top:0; width:auto!important; } * #nav .sub-menu .sub-menu li { margin:0px!important; border:0; padding-left:0; } * #nav .sub-menu .sub-menu li a, #nav li.current-menu-item .sub-menu .sub-menu a,#nav .sub-menu li.current-menu-item .sub-menu a,#nav .sub-menu .sub-menu li.current-menu_item a, #nav .normal .sub-menu a { display:block; border:0 !important; color:#fff; background: url("images/myimages/nav-indicator-item.png") no-repeat scroll left center transparent; font-size:11px; line-height:14px; margin:0 0 6px; padding:0 0 0 16px !important; font-weight:normal; } * #nav .sub-menu .sub-menu li a:hover,#nav li.current-menu-item .sub-menu .sub-menu a:hover,#nav .sub-menu li.current-menu-item .sub-menu a:hover,#nav .sub-menu .sub-menu li.current-menu_item a:hover { color:#ddd; } * #nav li.normal .sub-menu li a { background:none repeat scroll 0 0 transparent; clear:both; color:#EEEEEE; display:block; float:none !important; font-family:arial; font-size:12px; font-weight:bold; height:auto !important; line-height:1.2em; margin:0; padding:10px !important; width:auto !important; } * #nav li.current-menu-item .sub-menu li a:hover,#nav .sub-menu li.current-menu-item a:hover,#nav .sub-menu li a:hover { color:#EEEEEE; } * #nav .normal .sub-menu { background:#464646; width:282px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:12px 0 20px; width:282px !important; } * #nav .normal .sub-menu { margin:0 0 0 0 !important; padding:6px 0 0 !important; position:relative; right:0px; width:282px !important; } * #nav .normal .sub-menu li { display:inline; float:none!important; border-left:0; border-top:0; border-bottom:1px solid #535353; height:auto; margin:0 15px !important; padding:6px 0; overflow:hidden; width:auto!important; position:relative; display:block; text-align:left; overflow:visible!important; } * #nav .normal .sub-menu li a img { display:block; } * #nav .normal .sub-menu li a:hover { background-color:#515050!important; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px } * #nav .normal .sub-menu .sub-menu { display:none; background:#464646; border:1px solid #535353; left:250px !important; padding:6px 0 8px !important; position:absolute; top:-7px !important; width:282px !important; z-index:1111; } * #nav .normal .sub-menu .sub-menu { border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; } * #nav .normal .sub-menu .sub-menu li a { background:none repeat scroll 0 0 transparent; clear:both; color:#EEEEEE; display:block; float:none !important; font-family:arial; font-size:12px; font-weight:bold; height:auto !important; line-height:1.2em; margin:0; padding:10px !important; width:auto !important; border:none!important; } * #nav .normal .sub-menu .sub-menu li a:hover { } * #nav p.description { font-family:Tahoma, arial; font-size:11px; line-height:20px; font-weight:normal; padding-top:5px; color:#fff !important; margin-bottom:0; } * #nav div.nav-shadow { width:960px; height:30px; background:url('images/myimages/shadow-megamenu.png') top center no-repeat; bottom:-30px; left:50%; margin-left:-480px; } * * #nav .normal p.description, #nav .normal div.nav-shadow { display:none; } * #nav .normal .menu_image, #nav .normal .menubreak { display:none !important; } */ #nav a.sf-with-ul{ min-width:1px; padding-right: 15px; } #nav .sf-sub-indicator{display:block; width:8px; height:5px; text-indent:-999em; background: url('images/icons/arrow-nav-down.png'); position:absolute; top:38px; right:15px; } #nav a:focus >.sf-sub-indicator, #nav a:hover >.sf-sub-indicator, #nav a:active >.sf-sub-indicator, #nav li:hover >a >.sf-sub-indicator, #nav li.sfHover >a >.sf-sub-indicator{background: url('images/icons/arrow-nav-down.png');} #nav ul.sub-menu .sf-sub-indicator, #nav ul.children .sf-sub-indicator{ display:block; background: url('images/icons/arrow-nav-down.png'); width: 6px; height: 9px; left: 85% !important; top: 0;} #nav ul.sub-menu a >.sf-sub-indicator, #nav ul.children a >.sf-sub-indicator{ display:block; background: url('images/icons/arrow-nav-right.png'); width: 6px; height: 9px; left: 85% !important; top: 5px; margin-top: 3px; } #nav ul.sub-menu a:focus >.sf-sub-indicator, #nav ul.sub-menu a:hover >.sf-sub-indicator, #nav ul.sub-menu a:active >.sf-sub-indicator, #nav ul.sub-menu li:hover >a >.sf-sub-indicator, #nav ul.sub-menu li.sfHover >a >.sf-sub-indicator, #nav ul.children a:focus >.sf-sub-indicator, #nav ul.children a:hover >.sf-sub-indicator, #nav ul.children a:active >.sf-sub-indicator, #nav ul.children li:hover >a >.sf-sub-indicator, #nav ul.children li.sfHover >a >.sf-sub-indicator{background: url('images/icons/arrow-nav-right.png'); } #nav .megamenu ul.sub-menu .sf-sub-indicator { display: none; background: none; } #nav .megamenu a.sf-with-ul { padding: 0;} /* indicator */ /** * #nav ul li .indicator { margin-left:8px; background: url('images/icons/arrow-nav-down.png') no-repeat center center;width:9px;height:6px;text-indent:-9999px;display:block;position:relative;top:-56%;right:-100%;} * #nav ul li.normal .indicator { position:absolute;top:50%;right:10px; } * #nav .normal .sub-menu li { position:relative; display:block; float:none; } * #nav .normal .sub-menu .sub-indicator { display:block; width:6px; height:9px; background:url('images/icons/arrow-nav-right.png') no-repeat; position:absolute; top:20px; right:10px; } * * body #nav > ul { background:none; border-left:1px solid #c9c8c8; padding-left:0; } * body #nav > ul > li { border-right:1px solid #c9c8c8; } * body #nav .normal .submenu-wrap { left:0; } * body #nav ul > li > a { min-width: 43px;background-image:none; padding: 3px 20px 4px 27px; } * body.no_js #nav ul li:hover .submenu-wrap { display:block } * body.no_js #nav ul li .submenu-wrap li:hover > ul, body.no_js #nav ul li ul.children li:hover > ul { display:block } */ /* ====================== END NAVIGATION ====================== */ /* ====================== START SLIDER ====================== */ #wrap_slider {background:#ffffff;width:100%; } #slider { padding:0 0 78px; position:relative; padding-top:27px; } #slider, #slider .panel { height:300px; } #slider .panel { display:none; position:absolute; left:0; top:0; width:100%; background:transparent !important; } #slider .panel:first-child, #slider .first { display:block; } #slider .panel .featured-image, #slider .panel .video-container { width:55%; text-align:center; float:right; } #slider .panel img, #slider .panel object { max-width:100%; max-height:300px; width:auto; height:auto; } #slider .panel .hentry-post { width:40.265%; float:left; margin-top:45px; } #slider .panel .hentry-post h2 { font-size:36px; font-weight:bold; margin-bottom:20px; } #slider .panel .hentry-post h4 { margin:10px 0 20px; font-weight:normal; text-transform:none; line-height:0; } #slider .panel .hentry-post h4, #slider .panel .hentry-post p { color:#434343; } #slider .panel .hentry-post p { margin-top: 30px;line-height:24px; } /* bg video */ #slider .panel .video-container { background: url('images/bg-video.png') no-repeat center; height: 265px; } #slider .panel iframe, #slider .panel object { float: none; display: block; margin: 6px 0 0 43px; background: #000 } /*responsive*/ #slider .images, #slider .images .panel { max-width:100%; } #slider.mobile{display:none;} /*pagination*/ #slider .pagination { height:12px; position:absolute; right:20px; bottom:29px; z-index:2222;} #slider .pagination a { display:block; width:12px; height:12px; background:url('images/bg/pag-slider.png') no-repeat; margin-left:3px; float:left; text-indent:-9999px; outline:none; } #slider .pagination a.activeSlide { background-position:0 -12px; } /*controls*/ #slider .controls { position:absolute; right:0; bottom:26px; z-index:6;} #slider .controls a { display:none; } /*piecemaker*/ #piecemaker { margin-top:20px; } #slider_arrow_left, #slider_arrow_right { background: url("images/slider-cycle/sprite.png") repeat scroll 150px 93px transparent; border: medium none; cursor: pointer; display: block; height: 32px; left: -40px; outline: medium none !important; position: absolute; text-indent: -9999px; top: 155px; width: 21px; z-index: 99999999 !important; display:none; } #slider_arrow_right { background: url("images/slider-cycle/sprite.png") repeat scroll 128px 93px transparent; left: auto !important; position: absolute; right: -40px !important; } #small_arrow_left, #rm_small_prev { background: url("images/slider-cycle/small_prev.png") repeat scroll 0 0 transparent; height: 22px; right: 111px; position: absolute; text-indent: -6666px; text-transform: capitalize; bottom: 26px; z-index: 10 !important; cursor:pointer; } #small_arrow_left { width: 22px; } #small_arrow_right , #rm_small_next { background: url("images/slider-cycle/small_next.png") repeat scroll 0 0 transparent; bottom: 26px; cursor: pointer; height: 22px; position: absolute; right: 53px; text-indent: -6666px; text-transform: capitalize; z-index: 10 !important; } #small_arrow_right { width: 22px; } #slider-play, #slider-pause { background: url("images/slider-cycle/small_play.png") repeat scroll 0 0 transparent; bottom: 0; cursor: pointer; height: 22px; position: absolute; right: 82px; text-indent: -6666px; text-transform: capitalize; width: 22px; z-index: 99999999 !important; } #slider-pause { background: url("images/slider-cycle/small_pause.png") repeat scroll 0 0 transparent; } /* fixed image */ #slider.fixed-image { margin:20px auto; background:url('images/bg/shadow-slider.png') no-repeat center bottom; padding-bottom:22px; height:auto; } #slider.fixed-image .border-img { padding:5px; border:1px solid #D4D4D4; } #slider.fixed-image img { max-width:100%; width:auto; height:auto; display:block; } /* ====================== END SLIDER ====================== */ /* ====================== START MEDIUM SECTION ====================== */ div.grey_top_empty, div.grey_top { width:334px; height:6px; margin:0px; padding:0px; float:left; } div.grey_top { background:url(images/myimages/grey_top.png) no-repeat; } div.grey_middle_empty ,div.grey_middle { width:334px; margin:0px; padding:0px; float:left; } div.grey_middle { background:#5d5d5d; } div.grey_middle_content_empty, div.grey_middle_content { display:block; margin:0px; padding:0px; padding-left:11px; padding-right:15px; position:relative; } div.grey_bottom_empty, div.grey_bottom { width:334px; height:6px; margin:0px; padding:0px; float:left; } div.grey_bottom { background:url(images/myimages/grey_bottom.png) no-repeat; } div.grey_middle_content a.arrow_permalink { position: absolute; right: 7px; top: 2px; } .medium_section_left h1, .medium_section_left h2, .medium_section_left h3, .medium_section_left h4, .medium_section_left h5, .medium_section_right h1, .medium_section_right h2, .medium_section_right h3, .medium_section_right h4, .medium_section_right h5 { color:#ffffff; } .medium_section_left { color:#FFFFFF; width:580px; overflow:auto; float:left; } .medium_section_left p { margin-top:25px; color: #fff; } .medium_section_right { width:340px; float:right; color:#FFFFFF!important; font-size:13px; } .medium_section_right strong { padding-left:5px; } .arrow-medium-section { background: url('images/icons/arrow-medium-section.png') top center no-repeat; width: 45px; height: 24px; position:absolute; left:20px; } #medium1_section .inner, #medium2_section .inner, #medium3_section .inner { position:relative; } /* OBLIQUE */ #medium1_section { background:#000000 url(images/myimages/medium1_top_grey.png) no-repeat center top; width:100%; position:relative; padding-top:82px; color:#fff; } #medium1_section .arrow-medium-section { top:-35px; } #medium1_section_inner { width:100%; background:#434242 url(images/myimages/medium1_bottom_grey.png) no-repeat center bottom; margin:auto; padding-bottom:86px; } /* CLOUD */ #medium2_section { background:#434242 url(images/myimages/medium2_grey.png) no-repeat center top; width:100%; margin:auto; position:relative; padding:65px 0 86px; color:#fff; } #medium2_section .arrow-medium-section { display:none; } #medium2_section_inner { background:#434242; width:100%; padding-top:15px; } /* NORMAL */ #medium3_section { width:100%; margin:auto; position:relative; padding:0 0 86px; color:#fff; } #medium3_section .arrow-medium-section { top:-46px; } #medium3_section_inner { background:#ffec00; width:100%; padding-top:46px; } #medium1_section, #medium2_section, #medium3_section, #medium1_section_inner, #medium2_section_inner, #medium3_section_inner {background-color:#000000;} #medium1_section, #medium2_section { margin-top:-90px; } #medium3_section { margin-top:-60px; } #medium1_section.nomargin, #medium2_section.nomargin, #medium3_section.nomargin { margin-top:0; } /* ====================== END MEDIUM SECTION ====================== */ /* ====================== START HOME TESTIMONIAL ====================== */ #testimonial-slider { background: transparent; float: left; padding: 0px 0 25px; width: 100%; position: relative; z-index: 2222; } #testimonial-slider .inner { border:none!important} #testimonial-slider ul { list-style: none outside none; margin: 15px 15px 0; padding: 0; display:inline; float:right; width:740px; } #testimonial-slider li { text-align:left; width:740px; } #testimonial-slider li .badge {text-align:center} #testimonial-slider li, #testimonial-slider li a { color:#535251; } #testimonial-slider li h5, #testimonial-slider li h6 { text-align:center; line-height:18px; } #testimonial-slider li h5 { text-transform:uppercase; width:100%; } #testimonial-slider li h6 { text-transform:none; font-weight:normal; letter-spacing:-1px; } #testimonial-slider li h6 strong { color:inherit; } #testimonial-slider .controls { display:block; width:19px; float:right; background:no-repeat center; margin-top:62px; margin-right:-8px; } #testimonial-slider .controls .arrow-left, #testimonial-slider .controls .arrow-right { display:block; width:19px; height:15px; background:url('images/icons/control-jcarousel.png') no-repeat; } #testimonial-slider .controls .arrow-left { background-position:top center; margin-bottom:5px; } #testimonial-slider .controls .arrow-right { background-position:bottom center; } #testimonial-slider h2.baloon { background: url("images/myimages/baloon.png") no-repeat scroll left top transparent; color: #EFEEEE; display: block; float: left; font-size: 32px; height: 63px; line-height: 1; padding: 45px 0; position: absolute; text-align: center; text-transform: capitalize; top: -85px; width: 157px; } #testimonial-slider h2.baloon span { font-size:28px; color: #EFEEEE; } #testimonial-slider .badge { color: #B91003; display: inline; float: left; font-style: italic; line-height: 1; margin-bottom: 0; margin-left: 15px !important; margin-right: 30px; margin-top: 5px; width: 91px; } #testimonial-slider .message { display: inline; float: left; margin: 15px 0 !important; overflow: hidden; width: 589px; text-align: left; } #testimonial-slider .picture { background: url("images/myimages/canvas-client.png") no-repeat scroll left top transparent; display: block; font-size: 11px; height: 67px; padding: 6px 7px 21px; margin: 0 auto; text-align: left; width: 67px; } #testimonial-slider .badge p { line-height:20px!important; } #testimonial-slider a.author { color:#000; font-style:normal; } #testimonial-slider a.site { font-size:13px!important; } /* ====================== END HOME TESTIMONIAL ====================== */ /* ====================== START HOME SERVICES ====================== */ #services { overflow: auto; padding: 15px 0 15px; margin-bottom: 20px; } #services .titles, #latest-works .titles { color: #454545; float: left; width: 232px; } .services-list, #works-list { float: left; margin: 0; } .bubble { list-style:none; float: left; height: auto !important; } .services-list .bubble { padding-right:9px !important; } .jcarousel-clip {height: auto !important} .bubble p { line-height: 24px; } .bubble img { float: left; margin-right: 10px; margin-top: 15px; } .bubble h3 { border-bottom: 1px solid #d9d9d9; min-height: 37px; line-height: 32px; margin-top: 5px; margin-bottom: 10px; font-size: 18px; } .bubble h3, .bubble p { width:93%; } .bubble h3 img { margin-top:0; } .services-list li h5 { font-size: 14px!important; /* letter-spacing: -0.8px; */ line-height:24px!important; } /* ====================== END HOME SERVICES ====================== */ /* ====================== START HOME PORTFOLIO ====================== */ #latest-works { /* clear: both; overflow: auto; padding: 0 0 120px; */ margin-bottom: 20px; } #latest-works .meta-category { margin-top:0; line-height:18px; } #latest-works .titles { /* color: #454545; float: left; */ } /* #works-list { margin: 0 0 0 72px; } #works-list li { float: left; margin-left: 32px; width: 183px; list-style:none; display:inline; } */ img.latestwork { background: url("images/myimages/canvas-portfolio-item.png") no-repeat scroll left top transparent; display: block; height: 179px; padding: 6px 7px 21px; width: 179px; float: left; } #works-list li h5 { color: #454545; font-size: 14px; line-height:24px; margin: 0; } #works-list li p.meta-category a:link, #works-list li p.meta-category a:visited { color:#8d8b8b; } #works-list li {height: auto !important; padding-right:8px;} #works-list {height: auto !important;} /* ====================== END HOME PORTFOLIO ====================== */ /* ====================== START PORTFOLIO GALLERY ====================== */ .portfolio-filterable #sidebar {width:190px;z-index:2;position:relative;} .portfolio-filterable .layout-sidebar-left #primary, .portfolio-filterable .layout-sidebar-right #primary {width:713.334px;z-index:1;} .internal_page_item { padding: 5px; border: 1px solid #B2B0B0; float: left; width: 208px; margin:20px 27px 27px 0; overflow: hidden; position:relative; } ul.gallery_categories_ {} ul.gallery_categories_ li {line-height:2em;} #portfolio-gallery { position:relative; margin-right:-28px; } #portfolio-gallery ul.gallery-wrap { list-style:none; margin: 0 0 1em; } .gallery-wrap li { float:left; position:relative; overflow:hidden; /*height: 300px;*/ } /*.gallery-wrap li h5 {font-size:0.86em;position:absolute;display:none;}*/ .gallery-wrap li h5 {margin:0;padding:0 !important;left:1px;border-bottom: 1px solid #d3d0d0;position:absolute;text-transform:uppercase;top:1px;z-index:9000;font-weight:normal;} .gallery-wrap li h5 a {display:block;padding:8px 10px;color:#000;font-size:11px;} .gallery-wrap li.group { clear:both; } .gallery-wrap li img { display:block; margin-bottom:0; } a.zoom { position:absolute; width:280px; height:204px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/icons/zoom.png') center no-repeat } .internal_page_item_gallery a.zoom { margin: 6px 6px } .internal_page_item_gallery { margin-top: 0; background:#fff; } #portfolio-gallery .overlay {display:none; background: none repeat scroll 0 0 #FCFCFC;height:100%;left:0;overflow: hidden; position: absolute; top: 0; width: 100%;} #portfolio-gallery .overlay .controls {position:absolute;right:5px;bottom:5px;} #portfolio-gallery .overlay a.icon-more {background:url('images/more.png') no-repeat;border-left-width:0px;height:20px;width:20px;text-indent:-9999px;float:left;} #portfolio-gallery .overlay a.icon-zoom {background:url('images/zoom.png') no-repeat;height:20px;text-indent:-9999px;width:20px;float:left;} #portfolio-gallery .overlay p {color: #666666;font-size:12px; margin:50px 10px 10px 10px!important;} .no_js #portfolio-gallery .overlay:hover {opacity: 1;} .gallery-filters {overflow:hidden;padding-bottom:5px;margin-bottom:5px;} .gallery-filters h1 {float:left;font-size:18px;margin:0;} .gallery-filters ul.filters {float:left;list-style:none;margin:8px 1px 0px;} .gallery-filters ul.filters li {float:left;height:12px;line-height:11px;margin-bottom:10px;color:#6f6f6f;} .gallery-filters ul.filters li.first {border-left:0;} .gallery-filters ul.filters li a {float:right;font-size:12px;color:#6f6f6f;} .gallery-filters ul.filters li a:hover, .gallery-filters ul.filters li.selected a {color:#c67a02;margin:0;} /* ====================== END PORTFOLIO GALLERY ====================== */ /* ====================== START PRIMARY CONTENT ====================== */ #primary .inner { padding: 20px; } .single #primary .inner { padding-top:50px; } #content { width:640px; } body.wpsc .layout-sidebar-left #content, body.wpsc .layout-sidebar-right #content, body.page-template-home-store-php #content { width:740px; } .page-template-gallery-php .layout-sidebar-left #content, .page-template-gallery-php .layout-sidebar-right #content, .page-template-taxonomy-category-photo-php #content , .tax-category-photo #content { width:714px; } .layout-sidebar-no #content { width:100%; } .extra-content {clear:both;margin-bottom:30px;} /* === CONTENT */ #content { padding:0; } #content div.hentry-post { position:relative; } #content div.hentry-post img { float:left; margin-right:20px; } #content div.hentry-post img.margin { margin-top:60px; } #content .title-page { height:80px; line-height:80px; width:960px; padding:0 0 30px; background:url('images/bg/title-page.png') top center no-repeat; text-align:center; float:left; } #content .title-post-page { margin-top:0; } /* === TITLE */ .titles h3 { margin-bottom:5px; } .titles p { font-size:13px !important; padding:0; margin:0; line-height: 18px;} .titles p span { color:#8D8B8B; } /* === SIDEBAR */ .sidebar { width:280px; } body.wpsc .sidebar, body.page-template-home-store-php .sidebar { width:170px; } .page-template-gallery-php .sidebar, .page-template-taxonomy-category-photo-php .sidebar, .tax-category-photo .sidebar { width:235px; } #content, .layout-sidebar-left .sidebar { float:left; } .sidebar, .layout-sidebar-left #content, .layout-sidebar-right .sidebar { float:right; } .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { margin-top:0; } .sidebar h1 i, .sidebar h2 i, .sidebar h3 i, .sidebar h4 i, .sidebar h5 i, .sidebar h6 i { margin-right:3px; } .sidebar . { margin-bottom:30px; } .sidebar . ul li ul { padding-top:4px; } .sidebar . ul li { border-bottom:1px solid #ccc; padding:4px 0; } .sidebar . ul li ul li { padding:4px 20px 4px; border:0; } .sidebar ul { list-style:none; margin:0; } .sidebar li a { list-style:none; margin:0; } .sidebar .-last { margin-bottom:0; } .sidebar .testimonial- li, .sidebar .featured-projects- li { border:0 !important; } .sidebar .featured-projects-widget .thumb-project { width: 278px; height:153px; padding-bottom:18px; background:url('images/bg/shadow-portfolio.png') center bottom no-repeat; } .sidebar .featured-projects-widget .thumb-project img { padding:4px; border:1px solid #c3c2c2; width: 268px; height:143px; } .sidebar .shadow-thumb-sidebar { height:19px; margin-top:-9px; } .sidebar .featured-projects-widget h4 { margin:0; } .sidebar .featured-projects-widget h4 a { margin:0; font-size:20px; line-height:20px; } .sidebar .featured-projects-widget p.categories, .sidebar .featured-projects-widget p.categories a { margin:0; color:#4c4c4c; font-size:12px; line-height:32px; } /* === EXTRA CONTENT */ .extra-content { clear:both; margin-bottom:30px; } /* === SEARCH BOX */ #searchform { margin:10px 0 30px 0 } #searchform .screen-reader-text { display:none } #searchform input {border:1px solid #ccc;color:#666;} input#searchsubmit {cursor:pointer;width:75px;padding:5px;} input#s { width:118px; padding:5px; } /* single portfolio */ .portfolio-thumbnails h3 { margin:24px 0 18px; } .portfolio_header { margin-bottom:20px; } /* ====================== END PRIMARY CONTENT ====================== */ /* ====================== START ACCORDION SLIDER ====================== */ ul.accordion-slider { list-style:none; clear:both; margin:0 auto 30px !important; padding:0; background:url('images/bg/bg-accordion-slider.png') repeat-x; border:1px solid #e0dcdc; height:285px; overflow:hidden; } .no_js ul.accordion-slider li { float:left; border-right:1px solid #fbfafa; border-left:1px solid #e4e4e4; margin:0; padding:0; display:inline; width:auto; } .yes_js ul.accordion-slider li { margin:0; padding:0; display:inline; } ul.accordion-slider li:first-child, ul.accordion-slider li.first { border-left:none; } ul.accordion-slider li:last-child, ul.accordion-slider li.last { border-right:none; } ul.accordion-slider li .photo-preview, ul.accordion-slider li .handle { padding:12px; width:128px; float:left; cursor:pointer; border-left:1px solid #e4e4e4; } ul.accordion-slider li:first-child .photo-preview, ul.accordion-slider li:first-child .handle, ul.accordion-slider li.first .photo-preview, ul.accordion-slider li.first .handle { border-left:0; } ul.accordion-slider li.accordion-closed .description { display:none; position:relative; } ul.accordion-slider li h5 { margin:0; line-height:12px; font-size:20px; line-height:24px; } ul.accordion-slider li p.profile { margin:0; font-size:14px; color:#4c4c4c; } /*for script*/ ul.accordion-slider li .contentContainer {padding-left:0px;float:left;width:0px;height:285px;overflow:hidden;} .contentWrapper{ } ul.accordion-slider li .contentInnerWrapper {margin:12px 12px 12px 0;} ul.accordion-slider li .contentInnerWrapper p {margin-top:0;} /*border-radius*/ ul.accordion-slider { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /*mobile*/ .accordion-mobile { list-style:none !important; margin:0 !important; display:none; } .accordion-mobile img.accordion-thumb { float:left; margin-right:10px; } .accordion-mobile li { margin-bottom:20px; } .accordion-mobile li h3 { margin-top:0px; } /* ====================== END ACCORDION SLIDER ====================== */ /* ====================== START CONTACT TEMPLATE ====================== */ .page-template-contact-php #content { float:right !important; background:#fff; width:450px; padding-left: 20px; padding-right: 20px; margin-top: -111px; padding-top: 0; } .page-template-contact-php .sidebar { float:left !important; width:430px; } .page-template-contact-php #content { position:relative; right:0; top:0; background: #fff url('images/myimages/corner-top-right-hentry.png') top right no-repeat; } .page-template-contact-php #content .contact-form li.submit-button input {margin-right: -9px;} /* sidebar */ .page-template-contact-php .widget { width:45%; margin-right:5%; float:left; } .page-template-contact-php .widget:nth-child(even) {margin-left: 5%;margin-right:0;} .page-template-contact-php .widget h3 { color:#434242; border-bottom:1px solid #dbd8d8; padding-bottom:10px; margin-bottom:20px; } .page-template-contact-php .header-map { clear:both; width:427px; padding:0 15px 41px; margin-left:-15px; background:url('images/myimages/shadow-googlemap.png') bottom center no-repeat; } .page-template-contact-php .header-map #map-wrap { width:425px; height:205px; } .page-template-contact-php .header-map #map-wrap iframe { width:417px; height:196px; padding:4px; border:1px solid #bdbfbd; } /* ====================== END CONTACT TEMPLATE ====================== */ /* ====================== START BLOG ====================== */ #content div.hentry-post{margin-bottom: 40px !important} div.date { margin-bottom:10px; position:relative; min-height: 50px; } h3.title-blog { float:left; display:inline-block; font-size:1.5em; margin:0 120px 0 0 !important; } h3.title-blog a { color:#979797;font-size:20px; line-height:24px;} .day, .mon-year { float:right; display:inline-block; color:#979797; text-transform:uppercase; position:absolute; } .day { width:45px; font-size:36px; font-family:Arial; font-weight:bold; border-right:1px solid #cacaca; text-align:right; padding-right:10px; right:65px; } .mon-year { font-size:18px; text-align:justify; padding-left:10px; letter-spacing:2px; right:0; } .mon-year span { letter-spacing:6px } p.meta { margin-bottom:0; line-height:16px; margin-bottom:25px; } p.meta span { display:block; margin:5px 5px 5px 0 } p.meta span.tags { padding-left:20px; background:url('images/icons/mark.png') no-repeat } p.meta span.comment { padding-left:20px; background:url('images/icons/comment-icon.png') no-repeat } p.tags { padding-left:30px; background:url('images/article.png') no-repeat left center } #content p.left { width:400px } .space-content { height:20px } .hentry img { max-width:610px; height:auto } h4.title-widget-blog { margin-bottom:0em !important } .sticky {background: #f5f5f5;border-top: 4px solid #CACACA;padding: 18px 20px 0;margin:0 -20px 20px} div.hentry .line, div.sticky .line { margin:0 } div.hentry .hentry-post, div.sticky .hentry-post { margin-bottom:60px; } div.hentry .featured-image, div.sticky .featured-image { margin-bottom:0; } div.hentry .featured-image img, div.sticky .featured-image img { margin-bottom:0 !important; } div.hentry .wp-post-image, div.sticky .wp-post-image { margin-right:auto !important; padding:5px; border:1px solid #c5c4c4; } div.hentry .shadow-blog-img, div.sticky .shadow-blog-img { background:no-repeat center -1px; clear:both; } div.hentry .shadow60, div.sticky .shadow60 { height:8px; background-image:url('images/shadows-blog/60.png'); } div.hentry .shadow100, div.sticky .shadow100 { height:9px; background-image:url('images/shadows-blog/100.png'); } div.hentry .shadow150, div.sticky .shadow150 { height:18px; background-image:url('images/shadows-blog/150.png'); } div.hentry .shadow300, div.sticky .shadow300 { height:20px; background-image:url('images/shadows-blog/300.png'); } div.hentry .shadow600, div.sticky .shadow600 { height:26px; background-image:url('images/shadows-blog/600.png'); } div.hentry .shadow960, div.sticky .shadow960 { height:28px; background-image:url('images/shadows-blog/960.png'); } div.hentry-post img { max-width:628px; height:auto; width:auto; } h4.title-widget-blog { margin-bottom:0em !important } p.list-tags {line-height:40px;margin-top:20px;border-top:1px solid #dcdbdb;padding-left:30px;background:url('images/icons/article.png') left center no-repeat} .hentry .post_video {position: relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;margin-bottom:20px;max-width:100%;} .hentry .post_video.vimeo {padding-top:0;} .hentry .post_video.dailymotion embed, .hentry .post_video.youtube embed, .hentry .post_video.vimeo object, .hentry .post_video iframe {position: absolute; top: 0;left: 0;width: 100%;height: 100%; } /* === BLOG ESSENTIAL */ .post_box { margin-bottom:32px; float:left; } .post_box .picture { display: block!important; float: left !important; margin: 0 auto auto!important; height: 270px; width: 270px; padding: 5px; border: 1px solid #c5c4c4; } .post_box .post_box_info { margin-left:8px; display:inline; height: 280px; width: 320px; float:left; } .post_box .post_box_info_inner { display:block; padding:15px 15px; } .post_box .post_box_info .post_title_area { display: block; height: 160px; overflow:auto; } .post_box .post_box_info a.title { color:#6e6e6e; font-size:18px; } .post_box .post_box_info a.title:hover { text-decoration:underline; } .post_box .post_box_info p.meta span { display: block; height: 16px; margin: 0 5px 13px 0; } /*more-link*/ .hentry-post a.more-link, .sticky a.more-link, .read-more { padding:5px 10px; margin-top:20px; text-align:center; background:#434242; color:#f2f2f2; display:inline-block; } .hentry-post a.more-link:hover, .sticky a.more-link:hover, .read-more:hover { background:#666; color:#fff; text-decoration:none } /* =Asides */ .home #content .format-aside p, .home #content .category-asides p {margin-bottom: 10px;margin-top: 0;} .home .hentry-post.format-aside, .home .hentry-post.category-asides {padding: 0;} .home #content .format-aside .entry-content, .home #content .category-asides .entry-content {padding-top: 0;} /* =Gallery listing*/ .format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {border: 10px solid #f1f1f1;margin-bottom: 0;} .format-gallery .gallery-thumb, .category-gallery .gallery-thumb {float: left;margin-right: 20px;margin-top: -4px;} .home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility {padding-top: 4px;} /* ====================== END BLOG ====================== */ /* ====================== START RESPOND ====================== */ #respond {margin:60px 0 30px;} #respond input {padding:10px;margin:0 0 10px 10px;border:1px solid #d8d7d7;background-color:#fff;} #respond input:focus,#respond textarea:focus {background-color:#f7f7f7;} #respond textarea {border:1px solid #d8d7d7;background-color:#fff;height:135px;margin:0 0 10px 10px;padding:10px;} #respond input, #respond textarea {width:414px;} .depth-1 #respond input, .depth-1 #respond textarea {width:374px;} .depth-2 #respond input, .depth-2 #respond textarea {width:334px;} .depth-3 #respond input, .depth-3 #respond textarea {width:294px;} .depth-4 #respond input, .depth-4 #respond textarea {width:254px;} .depth-5 #respond input, .depth-5 #respond textarea {width:214px;} .depth-6 #respond input, .depth-6 #respond textarea {width:174px;} #respond .containerPost {font-size:1.1em} img.comment-avatar {margin:20px 0 0 0;border:1px solid #ccc; padding:3px} #commentform { margin-left:10px; width:548px; } .depth-1 #respond #commentform { width:508px; } .depth-2 #respond #commentform { width:468px; } .depth-3 #respond #commentform { width:428px; } .depth-4 #respond #commentform { width:388px; } .depth-5 #respond #commentform { width:348px; } .depth-6 #respond #commentform { width:308px; } #commentform label {width:101.5px;clear:left;display:block;float:left;font-size:1em;line-height:40px;margin:0;text-align:left;vertical-align:middle;} #commentform label[for="comment"] {line-height: 0;} #commentform p {margin-bottom:0} #commentform p.form-submit {border-bottom:none;float:right;} #commentform p.comment-form-author label,#commentform p.comment-form-email label,#commentform p.comment-form-url label {height:38px;} #commentform p.comment-form-comment label {height:155px;} /* submit */ #respond .form-submit { margin-top:0; } #respond .form-submit input { border:0; cursor:pointer; padding:10px 15px; font-size:14px; width:auto; text-align:center; background:#434242; color:#f2f2f2; display:inline-block; } #respond .form-submit input:hover { background:#666; color:#fff; text-decoration:none } /* ====================== END RESPOND ====================== */ /* ====================== START COMMENTS ====================== */ h3#comments-title {margin:30px 0;} h3#comments-title span {font-size:.8em;} .comment-container {padding:10px;border:1px solid #d8d7d7;} .comment-author {float:left;margin:25px 10px 0 10px;width:85px;} .comment-author img {border:1px solid #d7d7d7;margin:0 !important;padding:3px;} .comment-body p {margin-bottom:5px !important} .fn {font-style:normal;text-align:center;font-size:90%;display:block;} /*comments visitors*/ .comment-meta {margin:1px 0 1px 110px;padding:20px 20px 10px;border-left:1px solid #d8d7d7;min-height:115px;} .comment-metaTextarea {position:relative;margin:0 0 15px 120px;width:422px;padding:20px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);} em.moderation {float:right;clear:right;font-size:85%;} /*.comment-meta p {font-size:0.83em;color:#363533;} */ .contentMetaData {width:100%;height:30px;} .intro {width:100%;height:25px;margin-bottom:5px} .commentNumber {float:right;font-size:150%;color:#bebcbd;} .commentDate {float:left;margin:0 0 0px 0;} ol.commentlist,li.comment {margin:0 0 60px 0;padding:0;list-style-type:none!important;} li.comment ul.children {margin-left:6.5em;} li.comment ul.children li {margin:20px 0 0 0;} .shadow-avatar-comment {height:16px;background:url('images/bg/shadow-avatar.png') no-repeat center top;clear:both;} /*comments author*/ .bypostauthor .comment-container, .bypostauthor .comment-container .children,.bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .comment-container {background-color:#f4f4f4;} /*comments visitors*/ .comment-container .children, .bypostauthor .children .comment-container,.bypostauthor .children .bypostauthor .children .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container, .bypostauthor .children .bypostauthor .children .bypostauthor .children .bypostauthor .children .comment-container {background-color:#fff;} /*comments link*/ /*.comment-meta a:link, .comment-meta a:visited {color:#9a052a;text-decoration:none;} .comment-meta a:active, .comment-meta a:hover {color:#8c0106;} /*trackback*/ #trackbacks {} ol.trackbacklist {margin:20px 35px;} ol.trackbacklist li {padding:10px 0;} /* ====================== END COMMENTS ====================== */ /* ====================== START FOOTER ====================== */ #footer{background-color:#000000;border-top:1px solid #A6A6A6;color:#AAACAC;padding-top:30px;} #footer a, #footer h3{color:#F7F7F7;} #footer a:hover {color:#DA8102;} #footer h3{border-bottom:1px solid #3D3D3D;margin:0 0 24px;padding:0 0 10px;text-transform:none;font-size:16px;} #footer .column{float:left;width:24%;margin:0 9px 10px 0;} #company-info{background-color:#242424;clear:both;padding:10px 0;} #company-info .social{float:right;} #company-info .social li{float:left;margin-right:5px;list-style:none;} #company-info .social a{background-color:transparent;background-image:url("images/myimages/icone-social.png");background-repeat:no-repeat;display:block;height:18px;text-indent:-9999em;width:19px;} #footer #footer_text_left{float:left;font-size:13px;} #footer #footer_text_left p {margin:0;} .social li a{outline:medium none;} .social .blogger{background-position:0 -18px;} .social .delicious{background-position:-19px -18px;} .social .facebook{background-position:-38px -18px;} .social .flickr{background-position:-57px -18px;} .social .rss{background-position:-76px -18px;} .social .twitter{background-position:-95px -18px;} .social .vimeo{background-position:-114px -18px;} .social .yahoo{background-position:-133px -18px;} .social .youtube{background-position:-152px -18px;} .social .blogger:hover{background-position:0 0;} .social .delicious:hover{background-position:-19px 0;} .social .facebook:hover{background-position:-38px 0;} .social .flickr:hover{background-position:-57px 0;} .social .rss:hover{background-position:-76px 0;} .social .twitter:hover{background-position:-95px 0;} .social .vimeo:hover{background-position:-114px 0;} .social .yahoo:hover{background-position:-133px 0;} .social .youtube:hover{background-position:-152px 0;} #footer ul {list-style:none;margin:0;} #footer p, #footer li{color:#AAACAC!important;} #footer .featured-projects-widget ul, #footer .featured-projects-widget li {margin:0;padding:0;} #footer .featured-projects-widget ul li img {width:100%;} #footer .featured-projects-widget ul li h5 a span { color:#fff; } #footer .featured-projects-widget ul li h5 p { margin:0; } /* ====================== END FOOTER ====================== */ /* ====================== START HOME SECTION ====================== */ /* to make work the style of email-newsletter in the Newsletter Widget of the footer */ #home-section { height:302px; background:#595856 url('images/bg/home-section-bg.png') repeat-x; position:relative; } #home-section .inner { background:url('images/bg/gradient-home-section.png') center bottom no-repeat; height:100%; } #home-section h2 { color:#fff; text-transform:uppercase; font-weight:bold; line-height:26px; margin-bottom:16px; } #home-section p { color:#fff; font-size:12px; } #home-section a { color:#dedddd; } form.newsletter-form { margin:5px 0; } form.newsletter-form label { position:relative; cursor:text; } form.newsletter-form label span { display:block; position:absolute; left:12px; top:0; line-height:16px; color:#999; font-size:12px; } #home-section .shadow { width:806px; height:21px; position:absolute; left:50%; margin-left:-403px; bottom:-21px; background:url('images/bg/shadow-home.png') no-repeat center top } .newsletter-form input.email-newsletter, .newsletter-form input.subscribe-newsletter {border:medium none;font-size:12px;padding:8px;} .newsletter-form input.email-newsletter {width:150px;} .newsletter-form input.subscribe-newsletter {border:medium none;font-family:Helvetica,Arial,sans-serif;font-weight:bold;line-height:1;padding:8px 8px 7px;} .newsletter-form input.email-newsletter, .newsletter-form input.subscribe-newsletter { background-color:#191919; } .newsletter-form input.email-newsletter, .newsletter-form input.subscribe-newsletter, .newsletter-form label span { color:#AAACAC; } /* ====================== END HOME SECTION ====================== */ /* ====================== START COPYRIGHT ====================== */ #copyright { background-color:#ffec00;clear:both;padding:10px 0; } #copyright p { color:#000000; margin:0; font-size:13px; } #copyright p.right { text-align:right; } #copyright a { color:#000; } #copyright a:hover { color:#000000; } /* footer centered */ #copyright.footer-centered { text-align:center; } #copyright.footer-centered ul { margin:0; list-style:none; } #copyright.footer-centered li { padding:0 10px; border-right:1px solid #acabab; line-height:12px; display:inline; } #copyright.footer-centered ul, #copyright.footer-centered p { margin-bottom:15px; } #copyright.footer-centered ul, #copyright.footer-centered p, #copyright.footer-centered a { font-size:12px; } #copyright.footer-centered li:last-child { border-right:0; } /* ====================== END COPYRIGHT ====================== */ /* ====================== START WIDGETS ====================== */ .widget { margin-bottom:10px; } .widget ul { list-style: none } .widget ul.children { list-style-image: url('images/icons/ruz.png'); list-style-position: inside; margin:0; } .widget ul li { line-height: 26px; } /* === RECENT POSTS */ .recent-post { margin-top:20px } .recent-post .hentry-post { line-height:18px; margin-bottom: 10px; width:100%; } .recent-post a { } .recent-post a.title { color:#A16404; font-size: 12px; } .recent-post a.title:hover { color:#DA8102; } .recent-post div.link { display:block; height:77px; margin-bottom:2em } .recent-post div.link:last-child { margin-bottom:0; } .recent-post .thumb-img { float:left; margin-right:10px; padding-bottom:14px; background:url('images/bg/shadow-thumb-recentposts.png') no-repeat center bottom; } .recent-post .thumb-img img { padding:3px; border:1px solid #d7d2d2; float:none; display:block; } .recent-post .thumb-img .thumb-shadow { background:url('images/bg/shadow-thumb-recentposts.png') no-repeat center top; margin:-1px 0 0; width:100%; height:14px; } .recent-post p { line-height: 18px; font-size: 12px; } .recent-post p, .recent-post small { color:#656262; } .recent-post .post-date { margin-top:5px; font-size:11px; font-style: italic; } /* === LAST NEWS */ .last-news { float:left; width:100%; } .last-news .box-post { float:left; margin-bottom:30px; position:relative; } .last-news img { border:1px solid #acabab; float:left; padding:3px; position:absolute; left:0; top:0; width:55px; height:55px; } .last-news a.title { color:#4F4E4E; } .last-news a.title, .last-news p.meta { display:block; float:right; margin-left:75px; width:225px; } .last-news p.meta { padding:12px 0; } .last-news p.meta span.date, .last-news p.meta span.author { background:no-repeat left center; display:block; height:auto; font-size:0.8em; line-height:1.5em; margin:0; padding-left:20px; } .last-news p.meta span.date { float:left; background-image:url('images/time-icon.png'); width:80px; } .last-news p.meta span.author { float:right; background-image:url('images/user-icon.png'); width:100px; } /* === RECENT COMMENTS */ .recent-comments .the-post { line-height:1em; margin-bottom:1.6em; } .recent-comments .the-post p { line-height:1.5em; margin-top:3px; padding-bottom:0; font-size: 12px; } .recent-comments .avatar { display:inline; float:left; padding-right:7px; margin:0; } .recent-comments .avatar img { background:#FFFFFF; border:1px solid #CDCDCD; padding:2px; width:auto; height:auto; } .recent-comments .author { font-size: 13px; } .recent-comments a.goto { font-size:1.2em; } .recent-comments a.title { line-height: 18px; } .prev-comments { display:none; float:left; padding-top:20px; } .next-comments { float:right; padding-top:20px; } .prev-comments:hover, .next-comments:hover { text-decoration:underline; } /* === TEXT-IMAGE */ .boxs-home { float:left; margin-bottom:20px; } .boxs-home h2 { text-align:center; } .boxs-home img { margin-bottom:20px; } /* === TAG CLOUD */ .tagcloud a { color:#686767; } /* === CALENDAR */ #wp-calendar { margin-top:0; width:100%; } #wp-calendar th, #wp-calendar td { font-size: 12px; line-height:32px; padding:1px 2px; text-align:center; } #wp-calendar caption { font-size:80%; font-weight:bold; margin-bottom:10px; } #wp-calendar th, #wp-calendar #today, #wp-calendar #today a { background-color:#ccc; color:#434343; } #wp-calendar tfoot a { display:block; } #wp-calendar #today a:hover { color:#000 } /* === LAST TWEETS */ .last-tweets ul { margin-top:-20px; } .last-tweets p { margin-top:20px; } .last-tweets a { color: #9A6614; } .last-tweets a:hover { color: #000; } .last-tweets p.meta { color: #828080; margin-top: 0px; padding: 0; } /* === NAV MENU */ .widget_nav_menu ul.sub-menu { margin:0; padding-left: 15px; } /* === FLICKR RSS */ .widget_flickrRSS img { border: 1px solid #DDDDDD; display:block; float:left; margin: 12px 5px 0px 0; padding: 2px; width: 45px; height: 45px; } /* === NEWS LIST */ #news-list { list-style:none; margin:0px; padding:0px; margin-top:7px; } span.news_date { color: #B5B3B3; font-size: 12px; line-height: 16px; margin: 0; padding: 0; display:block; } #news-list li { border-bottom: 1px solid #525252; padding: 9px 0 14px; } #news-list a { float:left; line-height:18px; width:100%; display:block; position:relative; font-size:90%; color: #fff; } #news-list a:hover { color:#B5B3B3 !important; } #news-list a span.title { width:278px; display:block; } #news-list li .indicator { display:none; } #news-list li:hover .indicator { display:block; width:14px; height:12px; background:url('images/icons/arrow-medium.png') no-repeat; right:0; top:50%; margin-top:-6px; position:absolute; } /* ====================== END WIDGETS ====================== */ /* ====================== START SHORTCODES ====================== */ hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both} code, pre {background-color:#e8ebec;border: 1px dotted #bbb;color:#333;font: 13px/18px Consolas,"Courier New",Courier,monospace;margin-top:10px;padding: 0px 5px;} .layou-sidebar-left pre, .layout-sidebar-right pre {max-width:640px;overflow:auto;} .layout-sidebar-no pre, .extra-content pre {max-width: 100%;overflow:auto;} /*news list*/ ul.news-list { margin:0 !important; list-style:none !important; } ul.news-list li { min-height:100px; position:relative; margin-bottom:50px; } ul.news-list li img { width:100px; height:100px; position:absolute; top:0; left:0; } ul.news-list li .news-title { font-size:18px; } ul.news-list li .news-title, ul.news-list li p { margin-left:130px;line-height:24px; } /*events*/ .page_news_list{margin:20px 0 0 !important;list-style:none !important;display:block;} .page_news_list li{margin-bottom:58px;} .page_news_list img{border:1px solid #C5C4C4;padding:2px;width:169px;height:100px !important;} .post_box{margin-bottom:32px;float:left;} .post_box .picture{display:block!important;float:left !important;margin:0 auto auto!important; height:270px;width:270px;} .post_box .post_box_info{margin-left:8px;display:inline;height:280px;width:320px;float:left;} .post_box .post_box_info_inner{display:block;padding:15px 15px;} .post_box .post_box_info .post_title_area{display:block;height:160px;overflow:auto;} .post_box .post_box_info a.title{color:#6e6e6e;font-size:18px;} .post_box .post_box_info a.title:hover{text-decoration:underline;} .post_box .post_box_info p.meta span{display:block;height:16px;margin:0 5px 13px 0;} h3.red-normal{display:block;margin-bottom:22px;margin-left:20px;} a.events_more{background:#fcf8f8 url(images/myimages/event_more.png) repeat-x center bottom;padding-left:8px;padding-right:8px;display:block;border:1px solid #eae2e2;color:#535252;float:left;margin-top:15px;} span.events_date{background:url(images/myimages/event_date.png) no-repeat left center;padding-left:30px;padding-top:5px;padding-bottom:5px;margin-right:12px;} span.events_time{background:url(images/myimages/event_time.png) no-repeat left center;padding-left:30px;padding-top:5px;padding-bottom:5px;margin-right:12px;} .event_image{width:124px;height:124px;border:1px solid #e1e0e0;float:left;} .event_image img{display:block;margin:auto;float:none;border:none;} .event_info{float:right;width:440px;} .event_info a.event_title{display:inline-block;margin-bottom:15px;} /* === HIGHLIGHT */ span.highlight {background-color:#d9d7d6;} /* === COLUMNS */ .one-fifth {float:left;margin-right:3%;width:17.6%;} .box-sections, .bubble, .one-fourth {float:left;margin-right:3%;width:22.75%;} .one-third {float:left;margin-right:3%;width:31.33%;} .two-third {float:left;margin-right:3%;width:65.66%;} .two-fourth {float:left;margin-right:3%;width:48.5%;} .one-fourth .box-sections, .one-third .box-sections, .two-fourth .box-sections, .two-third .box-sections {width:auto;} .box-sections, .col { float: left; margin: 0 2.0833% 2.0833% 0; display: inline; } .col1_4 { width: 220px } .col2_4 { width: 460px } .col3_4 { width: 700px } .col1_3 { width: 300px } .col2_3 { width: 620px } .col1_2 { width: 460px } /* === LISTS */ ul.short {margin:20px 0;padding:0;list-style-type:none!important;} ul.short.info {background-color:transparent !important;border:none !important;box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none!important;} ul.short li {padding:0 0 0 25px;marg:0 0 0 5px;} ul.star li {background:url('images/icons/bullet/star.png') no-repeat center left;} ul.arrow li {background:url('images/icons/bullet/arrow.png') no-repeat center left;} ul.check li {background:url('images/icons/bullet/check.png') no-repeat center left;} ul.add li {background:url('images/icons/bullet/add.png') no-repeat center left;} ul.info li {background:url('images/icons/bullet/info.png') no-repeat center left;} /* === TABS */ #content ul.tabs {list-style-type:none;margin:0;padding:0;height:58px;} ul.tabs li {background-color:#d8d8d5;width:20%;height:58px;line-height:58px;display:block;float:left;text-align:center;border:solid #b6b6b6;border-width:1px 1px 1px 0px;} ul.tabs li {display:block;float:left;height:58px;} ul.tabs li:hover {background-color:#eee} ul.tabs li.current {background:url('images/bg/tab/open-tab.png') repeat-x top center #fff;border-bottom:1px solid #fff;position:relative;z-index:100;top:0;left:0;} ul.tabs li:first-child {border-left:1px solid #b6b6b6 !important;} ul.tabs li:last-child {border-right:1px solid #b6b6b6 !important;} .tabs-container div.panel {padding:20px 20px 10px;} #content ul.tabs li h4 {margin:0;padding:0;text-align:center;line-height:58px;} #content .tabs-container div.panel h5 {margin-top:0.8em;} .tabs-container div.panel p {margin:0;} .tabs-container div.border-box {position:relative;top:1px;left:0;border:1px solid #b6b6b6 !important;z-index:0;background:#FFF;} .ui-tabs-hide {display:none} #content ul.tabs h4 a:link,#content ul.tabs h4 a:visited {color:#535252;} #content ul.tabs h4 a:hover,#content ul.tabs h4 a:active {text-decoration:none;} /* === FEATURES TAB */ .features-tab-container { background: #fff url(images/bg-features-tab.png) repeat-y left top; border: 1px solid #d4d4d4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; position: relative; width: 700px; } .features-tab-container.without-sidebar { width: 960px; } .features-tab-container .features-tab-wrapper { border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; width: 374px; } .features-tab-container.without-sidebar .features-tab-wrapper { width: 634px; } .features-tab-container .features-tab-labels { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; float: left; list-style-type: none; margin: 0 0 -1px; padding: 0; width: 285px; } .hentry .features-tab-container .features-tab-labels li { border-bottom: 1px solid #d4d4d4; color: #727171; cursor: pointer; padding: 10px 16px; position: relative; width: 253px; z-index: 100; } .hentry .features-tab-container .features-tab-labels li:last-child { border-bottom: none; } .hentry .features-tab-container .features-tab-wrapper { float: right; padding: 20px; } .hentry img.attachment-features_tab_icon { border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin: 0 15px 0 0; vertical-align: middle; } .hentry .features-tab-container .features-tab-labels li.current-feature { background-color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #d4d4d4; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; color: #000; } /* === CALL TO ACTION */ .call-to-action { width:100%; height:113px; background:#fff url('images/bg/gradient-call-to-action.png') repeat-x top left; border:1px solid #cbc9c9; position:relative; } .call-to-action .incipit, .call-to-action .separate-phone, .call-to-action .number-phone { float:left; height:100%; margin-left:20px; position:relative; z-index:1; } .call-to-action .incipit h2 { margin:0; font-size:36px; line-height:48px; margin:18px 0 0; } .call-to-action .incipit p { color:#464444; font-size:16px; line-height:20px; margin:0; } .call-to-action .separate-phone { width:64px; background:url('images/icons/phone-call-to-action.png') no-repeat top left; } .call-to-action .number-phone { margin-right:20px; line-height:113px; font-size:48px; color:#838383; font-weight:bold; font-family:"Arial"; text-shadow:1px -1px 2px rgba(255,255,255,0.83); letter-spacing:-3px; } .call-to-action .decoration-image { position:absolute; right:0; bottom:0; width:100%; height:120%; background:url('images/woman.png') no-repeat right bottom; } /* === TICK */ .yiw-sc-tick { text-shadow: 0px 0px 1px #bbb; } /* === IMAGE STYLED */ .image-styled a.thumb {display:block;position:relative;max-width:100%;width:auto;} .image-styled .img_frame {max-width:100%;padding:4px;background:#fff;border:1px solid #FFFFFF;box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;} .image-styled .img_frame img {display:block;max-width:100%;width:auto;} .image-styled .img_frame.img_size_fullwidth, .image-styled .img_frame.img_size_fullwidth img {display:block;max-width:940px;width:auto;height:auto;} a.zoom { position:absolute; width:280px; height:143px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/icons/zoom.png') center no-repeat } a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat } /* === TESTIMONIALS SLIDER */ #primary .testimonials-slider {position:relative;margin:20px 0;clear:both;} #primary .testimonials-slider .testimonial-list {padding:30px 0;position:relative;} #primary .testimonials-slider .top.shadow {top:0} #primary .testimonials-slider .bottom.shadow {bottom:-10px;} #primary .testimonials-slider ul {margin:0;list-style:none;width:80%;margin:0 auto;} #primary .testimonials-slider ul li {width:100%;height:90px;} #primary .testimonials-slider ul li blockquote {background:none;padding:0;} #primary .testimonials-slider ul li blockquote p {font-size:18px;color:#030303;text-align:center;margin:0;padding:0;line-height:28px;} #primary .testimonials-slider ul li p.meta {font-size:1.0714em;color:#030303;text-align:center;padding:0;margin:0;} #primary .testimonials-slider ul li p.meta strong {color:#373737;} #primary .testimonials-slider ul li a {color:#030303;line-height:24px;} #primary .testimonials-slider ul li a:hover {color:#1c1c1c;} #primary .testimonials-slider .prev, #primary .testimonials-slider .next {cursor:pointer;width:30px;height:30px;overflow:hidden;position:absolute;top:10px;} #primary .testimonials-slider .prev {background:url('images/icons/prev_button.png') no-repeat;left:0px;text-indent:-100px;} #primary .testimonials-slider .next {background:url('images/icons/next_button.png') no-repeat;right:0px;text-indent:100px;} #primary .testimonials-slider .prev:hover {background-position:left bottom;} #primary .testimonials-slider .next:hover {background-position:right bottom;} /* === FEEDS SLIDER */ #primary .feeds-slider {position:relative;margin:20px 0;} #primary .feeds-slider ul {margin:0;list-style:none;width:80%;margin:0 auto;} #primary .feeds-slider ul li {width:100%;} #primary .feeds-slider ul li h3 {margin:0;} #primary .feeds-slider ul li a {color:#030303;line-height:24px;} #primary .feeds-slider .prev, #primary .feeds-slider .next {cursor:pointer;width:30px;height:30px;overflow:hidden;position:absolute;top:30px;} #primary .feeds-slider .prev {background:url('images/icons/prev_button.png') no-repeat;left:0px;text-indent:-100px;} #primary .feeds-slider .next {background:url('images/icons/next_button.png') no-repeat;right:0px;text-indent:100px;} #primary .feeds-slider .prev:hover {background-position:left bottom;} #primary .feeds-slider .next:hover {background-position:right bottom;} /* === NIVO SLIDER */ .nivo-slider {position:relative;margin-bottom:35px} .nivo-slider .nivo-slice, .nivo-slider .nivo-box {position:absolute;} .nivo-slider img {position:absolute;top:0;left:0;border:0 !important;padding:0 !important;width:100%} .nivo-imageLink {position:absolute;left:0;top:0;width:100%;height:100%;} .nivo-controlNav {position:absolute;top:102%} .nivo-controlNav a {background:url('images/icons/pagination-slider.png') no-repeat;cursor:pointer;display:block;float:left;height:12px;margin:0 5px 0 0;position:relative;text-indent:-9999px;width:12px;z-index:99;} .nivo-controlNav a:hover, .nivo-controlNav a.active {background-position:0 -12px} /* === STYLED BUTTONS */ #content .more-button { position:relative; margin:20px 0 0; width:151px; height:39px; clear:right; display:inline-block; } #content .bg-button, #content a.more-button, #content .more-button a { background:transparent url('images/button-more.png') top left no-repeat; } #content a.more-button, #content .more-button a, #content .more-button input, #content .more-button button { display:inline-block; width:101px; height:39px; line-height:39px; color:#696969; padding:0 40px 0 10px; text-shadow:1px 1px 0px #fff; border:0; cursor:pointer; font-size:13px; text-align:center; } #content a.more-button:hover, #content .more-button a:hover, #content .bg-button:hover { background-position:0 -39px; color:#383838; } #content .more-button input, #content .more-button button { width:151px; background-color:transparent; } #content .more-button .icon { display:block; position:absolute; top:0; right:0; width:34px; height:39px; background:center no-repeat; } #content .more-button .icon-img { background-position:125px center; background-repeat:no-repeat; } .home_page_item .read-more { margin-bottom: 5px; } /* = BUTTON RTL */ #content a.more-button-rtl, #content .more-button-rtl a, #content .more-button-rtl input, #content .more-button-rtl button { padding:0 10px 0 40px; background-image:url('images/button-more-rtl.png') } #content .more-button-rtl .icon { left:0; right:auto; } /* = BUTTON ICONS */ #content .more-button .arrow { background-image:url('images/icons/for_button/arrow.png') } #content .more-button .arrow-left { background-image:url('images/icons/for_button/arrow-left.png') } #content .more-button .remove { background-image:url('images/icons/for_button/remove.png') } #content .more-button .calc { background-image:url('images/icons/for_button/calc.png') } #content .more-button .offer { background-image:url('images/icons/for_button/offer.png') } #content .more-button .gift { background-image:url('images/icons/for_button/gift.png') } #content .more-button .cart { background-image:url('images/icons/for_button/cart.png') } #content .more-button .download { background-image:url('images/icons/for_button/download.png') } #content .more-button .tick { background-image:url('images/icons/for_button/tick.png') } /* === ALERT BOX & SUCCESS */ div.box {font-size:108.3%;margin:2px 0 15px;padding:20px 15px 20px 65px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;/*behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);*/} div.success-box {background:url("images/icons/message/check.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.arrow-box {background:url("images/icons/message/arrow.png") no-repeat 15px center #ebfab6;border:1px solid #bbcc5b;color:#599847;} div.alert-box {background:url("images/icons/message/alert.png") no-repeat 15px center #fbdd96;border:1px solid #e5af51;color:#ca6b1c;} div.error-box {background:url("images/icons/message/error.png") no-repeat 15px center #fdd2d1;border:1px solid #f6988f;color:#883333;} div.notice-box {background:url("images/icons/message/note.png") no-repeat 15px center #f9ebca;border:1px solid #e5b2ac;color:#9f6722;} div.info-box {background:url("images/icons/message/info.png") no-repeat 15px center #e6ebf0;border:1px solid #89becd;color:#277dce;} /* === SECTIONS */ div.section-caption { width:100%; margin:20px 0 40px; } div.section-caption h5 { color:#636161; text-transform:none; width:120px; padding-right:30px; float:left; font-weight:normal; margin-top:0 } div.section-caption .captions { float:left; width:460px; } div.section-caption .caption { border-left:1px solid #cfcfcf; padding-left:30px; margin-bottom:45px; } div.section-caption .caption h6 { font-style:italic; margin-top:0; line-height:18px; } div.section-caption .captions br { display:none; } /* === ICON SECTIONS */ .box-sections { line-height: 1.81em; float:left; margin-bottom:40px; margin-top:20px; } .box-sections h3, .box-sections h2, .box-sections-border h3, .box-sections-border h2 { margin-bottom:20px !important; } .box-sections h2 { font-size:2em; } .box-sections h3 { font-size:1.4em; } .box-sections h1, .box-sections h2, .box-sections h3, .box-sections h4, .box-sections h5, .box-sections h6 { margin-top:0; clear:none !important; } .box-sections h4, .box-sections h5, .box-sections h6 { font-size:1.2em; } .box-sections h6, .box-sections-border h6 { margin:5px 0 22px !important; font-family:Arial,Helvetica,sans-serif; } .box-sections p, .box-sections-border p { clear:both } .box-sections img.icon { float: left; margin-right: 10px; } .box-sections span, .box-sections-border span { color:#244455 } .one-fourth .box-sections, .one-third .box-sections, .two-fourth .box-sections, .two-third .box-sections {width:auto;} /* === TABLES */ table {margin:1em 0 30px;border:1px solid #e0e0e0;} table td, table th { padding:10px 20px; text-align:center; color:#757475; } #content .post table {font-size:100%;} .short-table th {background:#fff;border-bottom:1px solid #e0e0e0;text-align:center;height:80px;color:#636262;font-weight:bold;} .short-table th.features {border-bottom:none;height:40px;line-height:40px;background-color:transparent;color:#636262;} tr:nth-child(2n+1) {background-color:#f6f6f6;} #content td img {border:none;vertical-align:middle;margin:0;} /* = RED */ .short-table.red thead th {background:#c21200;color:#fff;} .short-table.red table {border:1px solid #c21200;} /* = GREY */ .short-table.grey thead th {background:#4b4a4a;color:#fff;} .short-table.grey table {border:1px solid #4b4a4a;} /* = BLUE */ .short-table.blue thead th {background:#07558c;color:#fff;} .short-table.blue table {border:1px solid #07558c;} /* === PRICE TABLES */ .price-table {background:#fff url('images/bg/tab-price-gradient.png') repeat-x;width:280px;border:1px solid #d2d0d0;margin:0 0 20px} .price-table .head {height:100px;text-align:center;border-bottom:1px solid #d2d0d0;} .price-table .head p {margin:0 !important;padding:0 !important;line-height:4em;font-size:13px;} .price-table .head h2.price {font-size:4em;margin:0 !important;line-height:0.4em;text-align:center;padding:0;} .price-table .body {padding:20px 25px;} .price-table .body ul {list-style:none;margin:0 0 20px;} .price-table .body li {padding:10px 0 10px 35px;background:url('images/icons/tick20.png') left center no-repeat;line-height:20px;} .price-table .body .more {text-align:center;padding:0!important;margin:0!important;} .price-table .body .more a {padding:5px 10px;text-align:center;border:1px solid #dbd8d8;background:#f3f3f3;color:#999;display:inline-block;width:auto;height:16px;line-height:16px;text-transform:uppercase;font-size:110%;} .price-table .body .more a:hover {background:#eee;color:#605f5f;text-decoration:none;} .price-table .blue *, .price-table .red *, .price-table .grey *, .price-table .green *, .price-table .yellow * {color:#fff} .price-table .grey {background:#4b4a4a} .price-table .blue {background:#07558c} .price-table .red {background:#c21200} .price-table .green {background:#1d7406} .price-table .yellow {background:#7b8904} /* === DROPCAP */ p.dropcap:first-letter {font-size:220%;display:block;float:left;font-size:40px;line-height:40px;margin:10px 8px 5px 0;} /* === NEWSLETTER FORM */ .newsletter-section{width:auto;} .newsletter-section ul{margin-left:0!important;} .newsletter-section li{list-style:none outside none;position:relative;margin:5px 7px;} .newsletter-section label{color:#999;display:block;font-size:12px;left:3px;line-height:16px;position:absolute;top:12px;} .newsletter-section input{background-color:#FAF9F9;border:1px solid #BDBEBE;height:32px;width:100%;margin:2px 0 2px -7px;padding:0 5px;} .newsletter-section input.submit-field{position:relative;display:block;background:url('images/input_pattern.png') repeat-x;border:1px solid #D5D4D4;color:#444;cursor:pointer;float:right;font-family:"Droid Sans",serif;font-size:10px;height:25px;min-width:55px;text-transform:uppercase;width:auto;margin:0 -5px 0 0;padding:0 10px;} .newsletter-section input.submit-field:hover{background:url('images/input_pattern_hover.png') repeat-x;} /* === SOCIALS */ a.socials, a.socials-small { display:inline-block; margin-right:0px; text-indent:-9999px; text-align:left; } a.socials { width:21px; height:21px; background-position: left bottom !important; } a.socials-small { width:21px; height:21px; background-position:left bottom !important; } a.socials:hover, a.socials-small:hover { background-position:left top !important } a.facebook { background:url('images/icons/small-socials/facebook.png') no-repeat } a.rss { background:url('images/icons/small-socials/rss.png') no-repeat } /* a.blogger { background:url('images/icons/socials/blogger.png') no-repeat } */ a.delicious { background:url('images/icons/small-socials/delicious.png') no-repeat } a.flickr { background:url('images/icons/small-socials/flickr.png') no-repeat } a.stumble { background:url('images/icons/small-socials/stumble.png') no-repeat } a.vimeo { background:url('images/icons/small-socials/vimeo.png') no-repeat } /* a.yahoo { background:url('images/icons/socials/yahoo.png') no-repeat } */ a.youtube { background:url('images/icons/small-socials/youtube.png') no-repeat } a.twitter { background:url('images/icons/small-socials/twitter.png') no-repeat } a.linkedin { background:url('images/icons/small-socials/linkedin.png') no-repeat } /* a.mail { background:url('images/icons/socials/mail.png') no-repeat } */ a.skype { background:url('images/icons/small-socials/skype.png') no-repeat } a.lastfm { background:url('images/icons/small-socials/lastfm.png') no-repeat } a.myspace { background:url('images/icons/small-socials/myspace.png') no-repeat } a.tumblr { background:url('images/icons/small-socials/tumblr.png') no-repeat } a.digg { background:url('images/icons/small-socials/digg.png') no-repeat } a.quora { background:url('images/icons/small-socials/quora.png') no-repeat } a.dribble { background:url('images/icons/small-socials/dribble.png') no-repeat } a.forrst { background:url('images/icons/small-socials/forrst.png') no-repeat } a.google { background:url('images/icons/small-socials/google.png') no-repeat } a.ember { background:url('images/icons/small-socials/ember.png') no-repeat } a.pinterest { background:url('images/icons/small-socials/pinterest.jpg') no-repeat } a.facebook-small { background:url('images/icons/small-socials/facebook.png') no-repeat } a.rss-small { background:url('images/icons/small-socials/rss.png') no-repeat } /* a.blogger-small { background:url('images/icons/small-socials/blogger.png') no-repeat } */ a.delicious-small { background:url('images/icons/small-socials/delicious.png') no-repeat } a.flickr-small { background:url('images/icons/small-socials/flickr.png') no-repeat } a.stumble-small { background:url('images/icons/small-socials/stumble.png') no-repeat } a.vimeo-small { background:url('images/icons/small-socials/vimeo.png') no-repeat } /* a.yahoo-small { background:url('images/icons/small-socials/yahoo.png') no-repeat } */ a.youtube-small { background:url('images/icons/small-socials/youtube.png') no-repeat } a.twitter-small { background:url('images/icons/small-socials/twitter.png') no-repeat } a.linkedin-small { background:url('images/icons/small-socials/linkedin.png') no-repeat } /* a.mail-small { background:url('images/icons/small-socials/mail.png') no-repeat } */ a.skype-small { background:url('images/icons/small-socials/skype.png') no-repeat } a.lastfm-small { background:url('images/icons/small-socials/lastfm.png') no-repeat } a.myspace-small { background:url('images/icons/small-socials/myspace.png') no-repeat } a.skype-small { background:url('images/icons/small-socials/skype.png') no-repeat } a.tumblr-small { background:url('images/icons/small-socials/tumblr.png') no-repeat } a.digg-small { background:url('images/icons/small-socials/digg.png') no-repeat } a.quora-small { background:url('images/icons/small-socials/quora.png') no-repeat } a.dribble-small { background:url('images/icons/small-socials/dribble.png') no-repeat } a.forrst-small { background:url('images/icons/small-socials/forrst.png') no-repeat } a.google-small { background:url('images/icons/small-socials/google.png') no-repeat } a.ember-small { background:url('images/icons/small-socials/ember.png') no-repeat } a.pinterest-small { background:url('images/icons/small-socials/pinterest.jpg') no-repeat } /* ====================== END SHORTCODES ====================== */ /* ====================== START TESTIMONIALS ====================== */ .testimonials-list { margin-bottom:45px; } .testimonials-list .thumb-testimonial { float:left; width:120px; text-align:right; } .testimonials-list .thumb-testimonial .shadow-thumb { float:right; width:72px; height:16px; background:url('images/bg/shadow-avatar.png') no-repeat top center; } .testimonials-list .thumb-testimonial img { float:right !important; } .testimonials-list .thumb-testimonial p { clear:both; } .testimonials-list .thumb-testimonial p .title, .testimonials-list .thumb-testimonial p .website { float:right; } .testimonials-list .the-post { padding:10px 0 0 45px; background:url('images/bg/sep-testimonials.png') no-repeat -1px top; margin-left:150px; border-left:1px solid #CAC9C9; } /* ====================== END TESTIMONIALS ====================== */ /* ====================== START TESTIMONIALS WIDGET ====================== */ .testimonial-widget { position:relative; } .testimonial-widget div.testimonial-text p { color:#3d3838; } .testimonial-widget div.testimonial-text { background:#f8f7f7 url('images/bg/gradient-testimonial.png') repeat-x top; border:1px solid #cfcfcf; height:auto; padding:20px 20px; } .testimonial-widget .bullet { background:url('images/bg/bullet-testimonials.png') no-repeat center; width:52px; height:25px; margin:-1px 0 0 80px; position:relative; } .testimonial-widget .name-testimonial { margin:-20px 0 0 150px; } .name-testimonial span.title, .name-testimonial span.website a { font-size:16px; text-align:left; display:block; line-height:24px; } .name-testimonial span.title { color:#ab4203!important; } .name-testimonial span.website a { color:#161616; font-size:13px; } #footer .testimonial-widget li { border:0; } #footer .testimonial-widget li strong { color:inherit; } /*border-radius*/ .testimonial-widget div.testimonial-text { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } /* ====================== END TESTIMONIALS WIDGET ====================== */ /* ====================== START PORTFOLIO ====================== */ #portfolio { list-style:none !important; margin:0 !important; } #portfolio li { width:290px; margin:0 44px 60px 0; display:block; float:left } #portfolio li.last { margin-right:0 } #portfolio li.clear { margin:0; width:0; } #portfolio li .thumb { display:block; padding:5px; height:143px; width:280px; border:1px solid #c5c1c1; overflow:hidden; position:relative; } #portfolio li .shadow-thumb { height:19px; background:url('images/bg/shadow-portfolio.png') no-repeat top center; margin:-1px 0 0; } #portfolio li img { width:280px; height:143px; border:0; padding:0 } #portfolio li h5, #portfolio-bigimage h5 { margin:8px 0; clear:both; text-transform:none; letter-spacing:0px; font-weight:normal; } #portfolio li h5 a, #portfolio-bigimage h5 a { color:#858484 } #portfolio li h5 a:hover, #portfolio li h5 strong, #portfolio-bigimage li h5 a:hover, #portfolio-bigimage li h5 strong { color:#5a5a5a; text-decoration:none } #portfolio li p { margin-bottom:15px; font-size:1em } #portfolio li p img { display:block } a.zoom { position:absolute; width:280px; height:143px; left:5px; top:5px; text-indent:-9999px; background:#000 url('images/icons/zoom.png') center no-repeat } a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat } #portfolio-bigimage { margin-top:10px } #portfolio-bigimage img { float:left; width:617px; padding:5px; border:1px solid #cacaca; } #portfolio-bigimage .work { margin-bottom:60px; } #portfolio-bigimage .work-description { float:right; width:310px; } #portfolio-bigimage h3 { clear:none; margin-top:0 !important; font-size:2.3em; } #portfolio-bigimage h3 a { text-decoration:none } #portfolio-bigimage a.thumb { display:block; position:relative; } #portfolio-bigimage a.more { padding:10px 20px; text-align:center; border:1px solid #dbd8d8; background:#f3f3f3; color:#605f5f; display:inline-block; line-height:16px } #portfolio-bigimage a.more:hover { border:1px solid #dbd8d8; background:#eae7e7; text-decoration:none } #portfolio-bigimage a.zoom { position:absolute; width:280px; height:143px; left:6px !important; top:6px !important; text-indent:-9999px; background:#000 url('images/icons/zoom.png') center no-repeat } #portfolio-bigimage a.video a.zoom { background:#000 url('images/icons/play.png') center no-repeat } #portfolio-bigimage .work-thumbnail { position: relative; float: left; width:64.2708%; } #portfolio-bigimage .work-thumbnail img { height:auto !important; } #portfolio-bigimage .work-skillsdate { position: absolute; bottom: 6px; right: 0px; background: #fff; padding: 5px 20px 5px 10px } #portfolio-bigimage .work-skillsdate p { line-height: 1em; font-size: 11px; text-transform: uppercase } #portfolio-bigimage .work-skillsdate span { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-right: 5px; text-transform: none } .portfolio-slider { margin:30px 0 40px 0 } .portfolio-slider ul { list-style:none } .portfolio-slider li { height:118px; width:205px; border:1px solid #cacaca !important; padding:5px !important; display:block; float:left; margin-right:6px; position:relative } .portfolio-slider li a { display:block; width:205px; height:118px; overflow:hidden; } .portfolio-slider li a img { border:0 !important; padding:0 !important } .portfolio-slider li a.thumb { position:relative; } div.ppt { display:none !important } .portfolio-post .work-skillsdate { border: 1px solid #C9CACB; border-width: 1px 0; float: left; padding: 10px 0; margin: 0 20px 10px 0; width: 180px } .portfolio-post .work-skillsdate p { line-height: 18px; font-size: 11px; text-transform: uppercase; margin-left: 0 } .portfolio-post .work-skillsdate span { font-weight:bold; padding-right: 5px; text-transform: none } /* single */ #content h1.title-portfolio { text-transform:none; font-size:14px !important; color:#2d2a29; margin:40px 0 15px; padding-bottom:10px; border-bottom:1px solid #bab8b8; } #content .hentry-portfolio { margin-bottom:40px; } /* more projects widget */ .sidebar .widget .more-projects-widget { position:relative; margin-top:30px; } .sidebar .widget .more-projects-widget .sliderWrap { overflow:hidden; } .sidebar .widget .more-projects-widget .jcarousel-clip { margin-left:0; } .sidebar .widget .more-projects-widget ul { width:280px !important; margin:0; list-style:none; height:470px !important; padding-bottom:14px; margin-bottom:10px !important; } .sidebar .widget .more-projects-widget li { border-bottom:0; } .sidebar .widget .more-projects-widget .work-thumb { display:block; float:left; width:63px; height:63px; padding-bottom:14px; background:url('images/bg/shadow-thumb-recentposts.png') bottom center no-repeat; } .sidebar .widget .more-projects-widget .work-thumb img { border:1px solid #dad5d5; padding:3px; width:55px; height:55px; } .sidebar .widget .more-projects-widget .meta { float:right; width:200px; margin:0; } .sidebar .widget .more-projects-widget .work-title { font-size:13px; color:#656262; margin-top:6px; } .sidebar .widget .more-projects-widget .categories a { font-size:12px; color:#100f0f; } .sidebar .widget .more-projects-widget .controls { display:none; margin-top:20px; padding-top:10px; border-top:1px solid #d3d2d2; text-align:center; } .sidebar .widget .more-projects-widget .top { display:none; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #d3d2d2; text-align:center; } .sidebar .widget .more-projects-widget .controls a, .sidebar .widget .more-projects-widget .top a { background:url('images/myimages/nav-slider-projects.png') no-repeat; display:inline-block; width:18px; height:18px; text-indent:-9999px; } .sidebar .widget .more-projects-widget .top a.prev { background-position:left center; margin-right:10px; } .sidebar .widget .more-projects-widget .controls a.next { background-position:right center; } .sidebar .widget .more-projects-widget .controls a.disabled { opacity:0.7; cursor:default; } /* ====================== END PORTFOLIO ====================== */ /* ====================== START FAQ ====================== */ .toggle { margin:30px 0 24px; } .toggle p.tab-index { padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid #d7d7d7; } .toggle p.tab-index a { display:block; height:16px; line-height:16px; background:url('images/icons/add.png') left center no-repeat; padding:0 0 0 25px; cursor:pointer; color:#3e3e3e; } .toggle p.tab-index a.opened { background:url('images/icons/arrow.png') left center no-repeat; } .toggle p.tab-index a.tab-opened { background:url('images/icons/arrow-bottom.png') left center no-repeat; } .toggle p.tab-index a:hover { text-decoration:none; } .toggle .content-tab p { padding:18px 10px; background:#f3f2f2; border:1px solid #d7d7d7; margin-top:0; } .toggle .content-tab .arrow { height:12px; width:24px; background:url('images/icons/arrow-up.png') no-repeat; margin:0 0 -1px 20px; position:relative; } /* ====================== END FAQ ====================== */ /* ====================== START PAGINATION ====================== */ .general-pagination { clear:both; height:18px; margin:0 auto; margin-bottom:20px; text-align:center; } .general-pagination span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display:none; } .general-pagination a { background:url('images/bg-pagination.png') top repeat-x; border:1px solid #aeaeae; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#918e8e; display:inline-block; line-height:17px; margin-right:4px; padding:0 5px; text-align:center; } .general-pagination a:hover { background-position:0 -36px; color:#3e3c3c; text-decoration:none; } .general-pagination a.selected { background-position:0 -18px; color:#3e3c3c; } /* ====================== END PAGINATION ====================== */ /* ====================== START CONTACT FORM ====================== */ #content .contact-form { margin-top:30px; width:104%; } #content .contact-form fieldset {padding:0;} #content .contact-form ul { margin:0; list-style:none; } #content .contact-form li { width: 99.2%; margin: 0 5% 2% 0; } #content .contact-form li.on-left { float:left; } #content .contact-form li.on-right { float:right; } #content .contact-form li.full { clear:both; } #content .contact-form li.full label { display: block } #content .contact-form li.textarea-field { clear:both; width:auto; float:none; } #content .contact-form label span.label { font-size:13px; } #content .contact-form label span.sublabel { font-family: 'Calibri', 'Droid Sans', Verdana, Arial, sans-serif; font-size: 11px; color: #9C9B9B } #content .contact-form li.text-field input, #content .contact-form li.checkbox-field input, #content .contact-form li.file-field input, #content .contact-form li select, #content .contact-form li textarea { border:1px solid #cecbcb; margin-top:10px; padding:10px; } #content .contact-form li.text-field input, #content .contact-form li select { font-size: 12px; background-color:#fff; width:93%; } #content .contact-form li select { padding:10px; } #content .contact-form li textarea { width:97%; height:150px; background-color:#fff; } #content .contact-form li.icon input, #content .contact-form li.icon textarea, #content .contact-form li input.icon, #content .contact-form li textarea.icon { background-repeat:no-repeat; } #content .contact-form li.icon input, #content .contact-form li input.icon { background-position:98% center; } #content .contact-form li.icon textarea, #content .contact-form li textarea.icon { background-position: 98% 15px; } #content .contact-form li.error input, #content .contact-form li.error textarea, #content .contact-form li.error select, #content .contact-form li input.error, #content .contact-form li textarea.error, #content .contact-form li select.error { background-image:url('images/icons/error.png'); border:1px solid #cf0606; } #content .contact-form li.success input, #content .contact-form li.success textarea, #content .contact-form li.success select, #content .contact-form li input.success, #content .contact-form li textarea.success, #content .contact-form li select.success { background-image:url('images/icons/success.png'); } #content .contact-form li div.msg-error { font-style:normal; font-size:11px; color:#cf0606; height:14px; } #content .contact-form li.submit-button {clear:both; width:auto; float:none;} #content .contact-form li.checkbox-field label, #content .contact-form li.radio-field label { display: block; } #content .contact-form li.submit-button input { background: url("images/input_pattern.png") repeat-x scroll 0 0 #F3F0F0; border: 1px solid #D5D4D4; cursor: pointer; display: block; font-size: 9px; height: 30px; letter-spacing: 1px; padding: 0 4px; text-transform: uppercase; margin:0; } #content .contact-form li.submit-button input:hover { background: url("images/input_pattern_hover.png") repeat-x scroll 0 0 #fff; } #content .contact-form li.submit-button input[disabled] { color:#ddd; } #content .contact-form label, #content .contact-form input, #content .contact-form textarea { color:#4c4c4c; width:auto; } #content .contact-form p.success, #content .contact-form p.error { padding:10px 15px 10px 55px; border:1px solid; margin:0 auto 30px; background:no-repeat 15px center; width:400px; } #content .contact-form p.success { background-color:#effea9; border-color:#d7ee6e; color:#839607; background-image:url('images/icons/tick_contact.png'); } #content .contact-form p.error { background-color:#fedccd; border-color:#fa8c83; color:#c82c1f; background-image:url('images/icons/error.png'); } #yiw_bot {display:none !important;} /* INPUT */ .input-prepend{ position: relative; } .input-prepend .add-on{ position: absolute; top: 33%; right: 30px; } .textarea-field .input-prepend .add-on{ position: absolute; top: 20px; right: 12px; } .input-prepend input.error, .input-prepend textarea.error{ background-image: none !important; } /* submit alignment */ .contact-form li.submit-button input.alignleft { float:left; } .contact-form li.submit-button input.alignright { float:right; } .contact-form li.submit-button input.aligncenter { margin:0 auto; } /*border-radius*/ #content .contact-form p.success, #content .contact-form p.error { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } /* ====================== END CONTACT FORM ====================== */ /*features tab*/ .hentry .features-tab-container { background: #fff url(images/bg-features-tab.png) repeat-y left top; border: 1px solid #d4d4d4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; position: relative; width: 700px; } .hentry .features-tab-container.without-sidebar { width: 960px; } .hentry .features-tab-container .features-tab-wrapper { border-top-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; width: 374px; } .hentry .features-tab-container.without-sidebar .features-tab-wrapper { width: 634px; } #content .hentry .features-tab-container .features-tab-labels { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; float: left; list-style-type: none; margin: 0 0 -1px; padding: 0; width: 285px; } .hentry .features-tab-container .features-tab-labels li { border-bottom: 1px solid #d4d4d4; color: #727171; cursor: pointer; font-family:Arial,Helvetica,sans-serif; font-size: 14px !important; padding: 10px 16px; position: relative; width: 253px; z-index: 100; } .hentry .features-tab-container .features-tab-labels li:last-child { border-bottom: none; } .hentry .features-tab-container .features-tab-wrapper { float: right; padding: 20px; } .hentry img.attachment-features_tab_icon { border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; margin: 0 15px 0 0; vertical-align: middle; } .hentry .features-tab-container .features-tab-labels li.current-feature { background-color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #d4d4d4; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; color: #000; } /* === EXTRA */ .clear{clear:both;} .left{float:left;} .right{float:right;} .nomargin{margin:0} .nopadding{padding:0} /* === STYLE IMAGES */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{max-width:100%; height:auto; } .alignleft, img.alignleft{display:inline;float:left !important;margin-right:24px !important;margin-top:4px;} .alignright, img.alignright{display:inline;float:right !important;margin-left:24px !important;margin-top:4px;} div.aligncenter, img.aligncenter {display: block; margin-left: auto !important; margin-right: auto !important; float:none !important;} img.alignleft, img.alignright, img.aligncenter{margin-bottom:12px;} .pp_details .pp_social .facebook { width: auto; } #content .last-tweets-widget ul { list-style-type: none; } /*aggiunte barnaba*/ .personal-fb {margin-bottom: 190px; background: url("images/icons/socials/facebook.png") no-repeat scroll 0 0 transparent;} .google-maps-widget {width: 450px !important; clear:both;}